1

Manual de Utilização - CMS

Este manual visa complementar o treinamento prático in-loco realizado pela Interative Studio, dispondo sobre as características e funcionalidades da ferramenta.

2

Índice:

Assunto Pagina

Acesso - Área Administrativa ........................................................................................................................................................................................................ 03

Editando Paginas Institucionais .................................................................................................................................................................................................... 04

Inserindo Imagem Destacada........................................................................................................................................................................................................ 10

Inserindo e Editando Coleções (Stil e Sport)................................................................................................................................................................................. 12

Inserindo e Editando Aparências (Stil e Sport).............................................................................................................................................................................. 15

Inserindo e Editando Usuários....................................................................................................................................................................................................... 18

3

1 - Acesso – Area Administrativa:

1 – link de acesso http://www.interative.cc/projetos/yaz/wp-admin/

Nome de usuário: enviada via e-mail

Senha: enviada via e-mail

Após realizar o login, a seguinte pagina aparecera:

4

2 - Editando Paginas Institucionais.

5

Para editar as paginas institucionais, basta seguir os passos abaixo:

Clique em Paginas -> Adicionar Nova ou selecione a pagina desejada para edita-la, neste caso, Sobre (Sobre Stil), após clique em editar (A

opção de editar a pagina ira aparecer após passar o mouse pela pagina desejada);

6

Editando a pagina selecionada:

1 – Espaço reservado ao titulo, neste caso: Sobre

2 – Espaço reservado para textos e imagens

Obs.: Utilize a “ABA” visual para editar texto e títulos da pagina Sobre, aplica-se este mesmo conceito para pagina Sport.

a) espaço para título e texto

b) espaço para vídeo

7

b) Inserindo video:

Insira o iframe gerado pelo vimeo ou youtube, conforme figura acima;

c) ver pagina 10;

8

Passo 1 - Copiando iframe: acesse a pagina do vimeo ou o link direto do video, ex.: http://vimeo.com/66896171

Clique em Share.

9

Passo 2 – Copie o iframe (Embed) gerado:

Após copiar o link acima, cole na parte de HTML, conforme item b, em seguida clique no botão atualizar, conforme item 2 da pagina 6;

10

3 – Inserindo Imagem Destacada.

Nota: Na Pagina Sobre, haverá o campo imagem destacada, conforme mostrado na pagina 7, para inserir a imagem destaque siga os

passos a seguir:

a) Clique em configurar imagem destacada;

b) Após clicar aparecerá o seguinte pop-up;

11

c) Arraste e solte os arquivos conforme imagem abaixo;

d) Desça o campo do pop-up até o fim e clique em “usar como imagem destacada”, conforme exemplo acima.

12

e) Caso a imagem já exista no diretório, para inseri-la siga o exemplo abaixo:

Clique em arquivos de mídia >> mostrar >> inserir imagem destacada

Dica: quando inserir imagens, utilize boas práticas, exemplo:

1 – Colocar o nome da imagem na extensão – ex: Larissa-yaz.jpg

2 – Caso já tenha enviado a imagem para o site, clique na aba “titulo” e edite.

Obs.: Por padrão, o gerenciador de conteúdo traz o nome da imagem para a aba titulo.

13

4 – Inserindo e Editando Coleções (Stil e Sport).

4.1 – Inserindo imagens na Galeria:

a) Clique em upload/inserir, conforme marcado acima na figura 4.1;

b) Arraste e solte as imagens:

4.1 – inserindo imagens

4.2 – inserindo imagem destaque

14

c) Confirme se a imagem ficou exposta na Galeria:

4.1.2 – defini a ordem em que a imagem aparecerá no site, ordenação na

ordem crescente, sendo a menor a primeira exposta;

4.1.2 – ordem de apresentação

15

4.2 – Imagem destaque (usada como imagem de chamada para – Outras Coleção, mostrada abaixa da galeria de imagem da coleção)

4.3 – clique em salvar (salvar todas as mudanças), após em atualizar para salvar as alterações realizadas.

Observação: este mesmo procedimento é adotado para a Coleção Sport.

16

5 – Inserindo e Editando Aparências (Stil e Sport).

5.1 – Informações:

5.2

a) Campos de contato editáveis: telefone, e-mail, Twitter, Facebook, texto de chamada para ser um representante (este texto aparece junto

na pagina contato, abaixo do formulário);

b) Clique em gravar dados para salvar as alterações.

17

5.2 – Background Still:

a) Possibilita inserir até 6 imagens para plano de fundo no site;

b) A primeira Imagens cadastra será vista nas paginas internas do site (Still);

c) As imagens cadastradas serão visualizadas de forma dinâmica no site (Home - Still);

Obs.: Este mesmo método de administração é utilizado na YAZ SPORT (background Sport);

18

6 – Inserindo e Editando Usuários:

a) Acima relação de usuários administradores;

19

b) Abaixo como inserir novo administrador:

Preencha todos os campos

20

c) Relação de acesso aos níveis de usuários criados:

d) Para obter acesso total, utilize sempre como usuários administradores, caso contrário use editor.