Tutorial Gerenciador de Conteúdo Site FCASA Versão 1.0* Bolt Brasil Comunicação Digital Tel: 31 3335 7100 www.bolt.com.br Rua Santa Catarina, 1627 15 andar Lourdes Belo Horizonte / MG CEP: 30170-081 * Esse manual está de acordo com a operação do sistema do site até a presente data (25/02/2010). A Bolt Brasil não se responsabiliza pela atualização 1 do manual sobre as alterações feitas no sistema (Word Press) após essa data.
ÍNDICE 1 Como acessar o gerenciador de conteúdo do site? ---------------------------------------------------------------------------- Pg 03 2 Entendendo a página principal ---------------------------------------------------------------------------------------------------- Pg 04 3 Como criar, alterar ou deletar os banner da Página Principal------------------------------------------------------------------ Pg 05 4 Sobre a FCA Entenda a página Mãe -------------------------------------------------------------------------------------------- Pg 06 5 Sobre a FCA, Clientes e Serviços, Além do Trilhos, Tecnologia, Pessoas e Imprensa ------------------------------------- Pg 10 6 Como criar mais páginas filhas ---------------------------------------------------------------------------------------------------- Pg 10 7 Projetos ------------------------------------------------------------------------------------------------------------------------------- Pg 11 8 Contato ------------------------------------------------------------------------------------------------------------------------------- Pg 13 9 Trens Turísticos ---------------------------------------------------------------------------------------------------------------------- Pg 14 10 Investidores -------------------------------------------------------------------------------------------------------------------------- Pg 15 11 Imprensa ----------------------------------------------------------------------------------------------------------------------------- Pg 16 11.1 Como editar/cadastrar imagens no Banco de Imagens? ---------------------------------------------------------------------- Pg 16 11.2 Como criar novas Categorias de Imagens? ------------------------------------------------------------------------------------- Pg 17 11.3 Como criar nova Região de Imagens? --------------------------------------------------------------------------------------------Pg 17 11.4 Como criar uma Notícia ou Release? --------------------------------------------------------------------------------------------- Pg 18 12 Dicas de como usar o campo de texto ------------------------------------------------------------------------------------------- Pg 19 2
1 Como acessar o gerenciador de conteúdo do site? Acesse o endereço www.fcasa.com.br/wp-admin e coloque seu usuário e senha: Importante! Não use acesse com dados que não seja seu. 3
2 Entendendo a Página Principal: -O grande destaque é gerenciável. (saiba mais sobre ele na página 5) - O destaque Notícias: é gerenciável. (saiba como na página? OBS: a notícia em destaque sempre será a última notícia publicada. - O destaque Trens Turísticos é estático, a edição de texto e imagem só poderá ser feita através do código html. - O destaque Vídeo Institucional é estático, a edição de texto e vídeo só poderá ser feita através do código html. - O destaque Cobertura Geográfica são estáticos, a edição de texto e imagem só poderá ser feita através do código html. - O destaque Twitter é uma imagem, a edição de texto e imagem só poderá ser feita através do código html. -O destaque Galeria de Fotos, é um aplicativo do Flickr. Todas as fotos dessa sessão, são gerenciadas pela conta da FCA no Flickr. -O rodapé é estático, a alteração de texto só pode ser feita atarvés do código html. 4
3 Como alterar os banner da Página Principal 3.1 Para editar os banners da página principal, basta clicar em Destaques Home que está localizado na coluna esquerda: Então clique em Edit. Ao clicar, uma nova janela irá abrir, listando todos os destaques. Clique no lápis referente ao destaque desejado. Entenda os campos a serem preenchidos: -Título do Destaque: coloque o nome do destaque, esse nome não será visível no site. Ele é apenas uma referência no gerenciador de conteúdo. -Imagem Destaque: é a imagem do banner (formato jpg, tamanho 950x290 pixels). Para colocar a imagem, basta clicar em uploading. Uma nova janela irá abrir, então clique em Selecionar arquivos, selecione o arquivo desejado, aguarde o carregamento das imagens e depois feche a janela. Então clique em Select, procure pelo nome exato do arquivo desejado e selecione-o. - Imagem Pequena: é a imagem do banner (formato jpg, tamanho 190x50 pixels). Para colocar a imagem, basta clicar em uploading. Uma nova janela irá abrir, então clique em Selecionar arquivos, selecione o arquivo desejado, aguarde o carregamento das imagens e depois feche a janela. Então clique em Select, procure pelo nome exato do arquivo desejado e selecione-o. -URL: coloque o endereço da página para qual o banner deverá linkar. -Ordem: coloque o número (formato: 1.00 a 5.00) para escolher a ordenação dos banners. Depois de preencher tudo, clique então em Save changes! Atenção! O destaque suporta apenas 5 banners! 3.2 Para criar um banner é o mesmo processo, basta clicar em Add New logo abaixo de Edit. 3.3 Para deletar um banner basta clicar no X referente ao banner desejado (do lado direito). 5
4 Sobre a FCA 4.1 Páginas como essa, são considerradas página mãe. No caso específico, ela possue 3 páginas filhas. Para editar e/ou deletar texto e o título da página mãe, basta clicar em Páginas que está localizado na coluna esquerda: Abrirá uma página, que irá listar todas as páginas do site. Use o campo de busca para localizar a página desejada: OBS: Note quando o nome da página possue - antes do nome, ela é uma página Mãe. Quando são -- se refere à página filha (e é possível saber qual é a mãe daquela página específica). É possível também saber qual usuário fez a última alteração ou publicação da página e em qual data e horário. 6
Ao clicar na página desejada, uma nova página irá abrir: Título/Nome da página Veja link (url) da página Após alterar/editar o texto, basta clicar em Visualizar alterações para ver as alterações feitas antes mesmo de publicar no site. Quando tiver tudo OK, basta clicar em Atualizar página O texto do cabeçalho da página mãe deve ser inserido aqui. Não altere nenhuma das opções desses campos. DICA: Note que no quadro Reviões de Páginas é onde o gerenciador de conteúdo salva o conteúdo antigo da página. Ou seja, quando você precisar retornar com o conteúdo anterior de qualquer página, basta clicar nas datas que foram salvas automaticamente pelo WordPress. Atenção! Todos os campos, dessa página se repetem em todas do site. Por isso não será nescessário usar todos os campos. No caso das páginas Mãe, deverão ser preenchidos apenas os que foram indicados.
4.2 Os destaques das páginas mães, referem ao conteúdo das páginas filhas. Para alterar/editar o conteúdo das páginas filhas (e claro, o destaque das páginas mães., basta clicar em Páginas, procurar pelo nome da página filha (exemplo: A Empresa ) A página filha também os mesmos campos para preenchimento. São exatamente iguais do item 4.1. Vejam as poucas diferenças marcadas abaixo: Após alterar/editar o texto, basta clicar em Visualizar alterações para ver as alterações feitas antes mesmo de publicar no site. Quando tiver tudo OK, basta clicar em Atualizar página DICA: Para colocar a foto destaque e/ou inserir foto no meio do texto, clique nesse botão. Nesse campo, você irá selecionar a foto que representará a página (cirluada na imagem acima). Basta inserir a foto, clicar em Edit e selecionar a foto desejada. Veja na página 9 como inserir fotos. 8
Ao clicar no botão para inserir uma foto/imagem, irá abrir uma janela. Clique em Selecionar arquivos selecione a foto de sua escolha. Após selecionar a foto, ela será enviada para o site. Quando esse envio for finalizado, abrirá uma janela: Você pode alterar/editar Título, Legenda, Descrição (caso seja necessário colocar créditos), etc. Se a foto inserida for para o destaque da página mãe, selecione o tamanho 125 x 125 pixels e tamanho de até 1G. E clique em Salvar alterações. Se a foto inserida for para colocar no meio do texto da página filha, escolha o tamanho que achar melhor. Você ainda pode escolher onde a foto irá (opção Alinhamento ). Após preencher/escolher os campos, clique em Inserir no post. Após fazer as escolhas, clique em Salvar todas as mudanças. OBS: observe que o campo URL, permite com que a foto seja um link para um outro endereço, basta colocar o endereço desejado. Quando essa janela for fechada, ela retornará à página filha, basta ajustar a foto, se nescessário, e clicar em Visualizar alterações para ver as alterações feitas antes mesmo de publicar no site. Dica: quando estiver ajustando a foto no meio do texto, clique em Visualizar (botão na coluna direita) e só depois de ter certeza do tamanho da foto, clique em Publicar ou Atualizar Página. Quando tiver tudo OK, basta clicar em Atualizar página. 9
5 Sobre a FCA, Clientes e Serviços, Além do Trilhos, Tecnologia, Pessoas e Imprensa Todas as páginas mães que estão no título possuem o mesmo comportamento, ou seja, a forma de edição é a mesma do item 4 Considere também que as páginas filhas funcionam da mesma forma conforme explicado no item 4. 6 Como criar mais páginas filhas No menu lateral esquerdo, clique em Páginas e depois clique em Adiconar Novo. Irá abrir uma nova página (com os mesmo campos apresentados no item 4) Depois de preencher os campos da página com o texto e/ou fotos, atente-se a barra lateral direita: O espaço Atributos é referente como a página será. Se ela terá o formato da Mãe Sobre a FCA ou o mesmo formato de Pessoas. No campo Pai escolha o qual será a página mãe, por exemplo: a nova página será um subitem da página Sobre a FCA. Após escolher os atributos da nova página filha, edite o conteúdo conforme explicação da página 7. No campo Modelo escolha o formato da página, por exemplo, A Empresa é uma filha de Sobre a FCA que possui um texto no miolo da página e uma coluna na direita com o destaque Veja Também, Organograma da empresa, etc. 10
7 Projetos 7.1 Como editar o conteúdo de um Projeto já cadastrado? Basta acessar o link Páginas > Edit no coluna esquerda, e procurar pelo nome do projeto (exemplo: Modernização) destaque Entra aqui texto completo do Projeto. sub destaque sem destaque Repare que as setas mostram onde as informações dos campos aparecem. O texto resumo que aparece (na página mãe Projetos ) sobre Modernização é o início do texto da página. O botão Leia Mais aparece automaticamente. Entenda que existe uma hierarquia para os Projetos: destaque (imagem de 614x218 pixels); sub destaque (imagem de 125x125 pixels) e sem destaque (serão porjetos mais antigos, que serão listados, sem imagem alguma, apenas nome projeto + resumo projeto). Veja o restante dos campos na próxima página. 11
Repare que as setas mostram onde as informações dos campos aparecem. Veja como inserir essa foto na página 8. Não será preciso usar esse campo. Ao criar um novo Projeto, fique atento em manter os mesmos dados do campo Atributos (Pai: Projetos; Modelo: Projetos-interna) Após preencher todos os campos, clique em Vizualizar alterações ou Visualizar. Só depois de ter certeza dos dados, clique Publicar. 12
8 Contato 8.1 Como editar o conteúdo dessa página? Basta acessar o link Páginas > Edit no coluna esquerda, e coloque no campo de busca a palavra Contato. Edite o campo de texto e depois clique em Vizualizar alterações ou Visualizar. Só depois de ter certeza dos dados, clique Publicar. 13
9 Trens Turísticos Para alterar o texto no cabeçalho da página, basta procurar pelo nome da página (através do item Paginas no lado esquerdo), conforme mostra a seta. Entenda que os textos sobre Tiradentes e Ouro Preto, ficam em páginas filhas separadas. Ou seja, será necessário buscar pelo nome de cada uma separadamente: Ouro Preto ou Tiradentes. É o mesmo processo da página 8. Após alterar o texto, clique em Vizualizar alterações ou Visualizar. Só depois de ter certeza dos dados, clique Publicar. 14
10 Investidores Para editar o texto dessa página, basta acessar o link Páginas > Edit no coluna esquerda, e coloque no campo de busca a palavra Investidores. Basta então editar o texto (caso precise, veja como na página 8. ) Após alterar o texto, clique em Vizualizar alterações ou Visualizar. Só depois de ter certeza dos dados, clique Publicar. 15
11 Imprensa 11.1 Como editar/cadastrar imagens no Banco de Imagens? Para editar uma imagem e /ou suas informações, clique em Banco de Imagens. Ao clicar irá listar todos as imagens cadastradas: Para adicionar nova imagem, clique em Add new Clique no lápis referente a imagem desejada. Ao clicar, a página irá apresentar os dados da foto selecionada e então preencha os campos: Legenda: coloque a qui a legenda da imagem Data: coloque a data em que a foto foi tirada Fotografo: coloque o crédito do fotógrafo Imagem em alta: seguir mesmo prodecimento da página 5. A foto inserida deve ser em alta resolução, desde que não ultrapasse 1G. Imagem pequena: seguir mesmo prodecimento da página 5. A foto inserida deve ter a dimensão de 125x125 pixels. Categoria: esse item foi criado para que o usuário possa localizar a foto usando o filtro categoria, mas ainda não foi cadastrada nenhum categoria. Região: idem item acima. Obs: veja como criar um nova categoria e /ou região na próxima página. 16
11.2 Como criar novas Categorias de Imagens? Para editar uma imagem e /ou suas informações, clique em Add new do item Categoria de Imagens. 11.3 Como criar novas Região de Imagens? Para editar uma imagem e /ou suas informações, clique em Add new do item Região de Imagens. Ao clicar irá aparecer o campo para cadastro: Ao clicar irá aparecer o campo para cadastro: Basta preencher o campo com o nome da Categoria desejada e clicar em Save changes. Após criar a (s) categoria (s) volte no Banco de Imagens e coloque nas imagens a categoria correta, pois hoje não existe nenhuma categoria cadastrada. Basta preencher o campo com o nome da Regiãodesejada e clicar em Save changes. Após criar a (s) categoria (s) volte no Banco de Imagens e coloque nas imagens a categoria correta, pois hoje não existe nenhuma categoria cadastrada. Exemplos de Categoria: Locomotivas, Estações, Oficinas, etc. Exemplos de Região: Noroeste de Minas, Norte de São Paulo, etc 17
11.4 Como criar uma Notícias ou Release? Para criar uma Notícia e /ou Release, clique em Post, na coluna esquerda. Ao clicar irá listar todos os posts já cadastrados: Clique em Adicionar novo e a página com os campos será carregada. Preencha o campo do Título e texto, conforme página 8. Selecione na coluna da direita se será notícia ou release. Para acrescentar material para download, clique em Adicionar Mídia (veja o ícone circulado de verde), nova janela irá abrir para selecionar arquivo. Selecione, espere carregar e feche a janela. Depois clique em Edit no box Assessoria de Imprensa e esolha o arquivo que será para Download referente a essa Notícias ou Release. Não será preciso usar esse campo. Não será preciso usar esse campo. Não será preciso usar esse campo. Depois de todos campos preenchidos, clique em em Vizualizar alterações ou Visualizar. Só depois de ter certeza dos dados, clique Publicar. 18
12 Dicas de como usar o campo de texto. O editor de texto possui funções semelhantes ao Word. Para fazer uma palavra um link, selecione a palavra, e clique em. Uma janela irá abrir: Coloque em URL do link o endereço para onde deseja que a palavra selecionada link. Destino refere se o link abrirá na mesma página ou em uma nova página. Coloque o Título e clique em Inserir. Para desfazer do link naquela palavra, clique em Para copiar e colar um texto direto do Word, clique em. Uma janela irá abrir, cole o texto e clique em Inserir. Para inserir um vídeo no corpo do texto, clique em. Uma nova janela irá abrir: Selecione o formato de vídeo a ser iserido, em Arquivo/URL (insira o vídeo através do Botão - extamente como se faz com fotos copie o url gerado no vídeo após inserção e cole no campo Arquivo/URL). Coloque as dimensões exatas do vídeo no campo Dimensões e clique em Inserir. 19
Entenda que a Fonte da letra em todo o site é a mesma. É possível usar variações da mesma: Parágrafo Endereço Pré-formatado Cabeçalho 1 Cabeçalho 2 Cabeçalho 3 Cabeçalho 4 Cabeçalho 5 Cabeçalho 6 Isso ajuda muito para manter uma melhor apresentação do conteúdo do site. 20