SlideShare ist ein Scribd-Unternehmen logo
1 von 20
Downloaden Sie, um offline zu lesen
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.

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (7)

Projeto Foto Blog
Projeto Foto BlogProjeto Foto Blog
Projeto Foto Blog
 
Tutorial vindula2 alterar logotipo
Tutorial vindula2 alterar logotipoTutorial vindula2 alterar logotipo
Tutorial vindula2 alterar logotipo
 
Joomla tut visao_geraltotos_v1.0_hugosoares2
Joomla tut visao_geraltotos_v1.0_hugosoares2Joomla tut visao_geraltotos_v1.0_hugosoares2
Joomla tut visao_geraltotos_v1.0_hugosoares2
 
Ativando cockpit dashboard no sap business one
Ativando cockpit dashboard no sap business oneAtivando cockpit dashboard no sap business one
Ativando cockpit dashboard no sap business one
 
Manual belavista
Manual belavistaManual belavista
Manual belavista
 
Windows7 vs windows 8
Windows7 vs windows 8Windows7 vs windows 8
Windows7 vs windows 8
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 

Andere mochten auch

Onoffice Magazine - Chicago office relocation feature story June 2013
Onoffice Magazine - Chicago office relocation feature story June 2013Onoffice Magazine - Chicago office relocation feature story June 2013
Onoffice Magazine - Chicago office relocation feature story June 2013CannonDesign
 
Kick-off itslearning voor de docenten Bonhoeffer College
Kick-off itslearning voor de docenten Bonhoeffer CollegeKick-off itslearning voor de docenten Bonhoeffer College
Kick-off itslearning voor de docenten Bonhoeffer CollegeKatinka Davina
 
African Media Barometer
African Media BarometerAfrican Media Barometer
African Media BarometerPim Piepers
 
مدونة القسم في الرياضيات السنة الثالثة 3
مدونة القسم في الرياضيات   السنة الثالثة 3مدونة القسم في الرياضيات   السنة الثالثة 3
مدونة القسم في الرياضيات السنة الثالثة 3Ettaoufik Elayedi
 
Q eleocharis macrostachya
Q eleocharis macrostachyaQ eleocharis macrostachya
Q eleocharis macrostachyacvadheim
 
مدونة القسم في الرياضيات السنة السادسة
مدونة القسم في الرياضيات   السنة السادسةمدونة القسم في الرياضيات   السنة السادسة
مدونة القسم في الرياضيات السنة السادسةEttaoufik Elayedi
 
T22 ejecutainstruccion iranzuhuarte
T22 ejecutainstruccion iranzuhuarteT22 ejecutainstruccion iranzuhuarte
T22 ejecutainstruccion iranzuhuarteiranzuhuarte
 
Thinking Final Project Presentation
Thinking Final Project PresentationThinking Final Project Presentation
Thinking Final Project PresentationCharlene Chan
 
Industrial Training in PhoneGap Application
Industrial Training in PhoneGap ApplicationIndustrial Training in PhoneGap Application
Industrial Training in PhoneGap ApplicationArcadian Learning
 
Polypropylene tying twine
Polypropylene tying twinePolypropylene tying twine
Polypropylene tying twineJeffrey White
 
Gardening sheet eleocharis macrostachya
Gardening sheet   eleocharis macrostachyaGardening sheet   eleocharis macrostachya
Gardening sheet eleocharis macrostachyacvadheim
 
Wisdom in the Ups & Downs (Ecclesiastes 6:10–7:14)
Wisdom in the Ups & Downs (Ecclesiastes 6:10–7:14)Wisdom in the Ups & Downs (Ecclesiastes 6:10–7:14)
Wisdom in the Ups & Downs (Ecclesiastes 6:10–7:14)Dr. Rick Griffith
 
Jaime Lerner - Presidente Honorario de SIBRT - Fatores Claves para un Transpo...
Jaime Lerner - Presidente Honorario de SIBRT - Fatores Claves para un Transpo...Jaime Lerner - Presidente Honorario de SIBRT - Fatores Claves para un Transpo...
Jaime Lerner - Presidente Honorario de SIBRT - Fatores Claves para un Transpo...Fagner Glinski
 

Andere mochten auch (20)

Maniobra de heimlich
Maniobra de heimlichManiobra de heimlich
Maniobra de heimlich
 
Presentation
PresentationPresentation
Presentation
 
Onoffice Magazine - Chicago office relocation feature story June 2013
Onoffice Magazine - Chicago office relocation feature story June 2013Onoffice Magazine - Chicago office relocation feature story June 2013
Onoffice Magazine - Chicago office relocation feature story June 2013
 
Kick-off itslearning voor de docenten Bonhoeffer College
Kick-off itslearning voor de docenten Bonhoeffer CollegeKick-off itslearning voor de docenten Bonhoeffer College
Kick-off itslearning voor de docenten Bonhoeffer College
 
African Media Barometer
African Media BarometerAfrican Media Barometer
African Media Barometer
 
مدونة القسم في الرياضيات السنة الثالثة 3
مدونة القسم في الرياضيات   السنة الثالثة 3مدونة القسم في الرياضيات   السنة الثالثة 3
مدونة القسم في الرياضيات السنة الثالثة 3
 
Q eleocharis macrostachya
Q eleocharis macrostachyaQ eleocharis macrostachya
Q eleocharis macrostachya
 
مدونة القسم في الرياضيات السنة السادسة
مدونة القسم في الرياضيات   السنة السادسةمدونة القسم في الرياضيات   السنة السادسة
مدونة القسم في الرياضيات السنة السادسة
 
Yourma 2
Yourma 2Yourma 2
Yourma 2
 
T22 ejecutainstruccion iranzuhuarte
T22 ejecutainstruccion iranzuhuarteT22 ejecutainstruccion iranzuhuarte
T22 ejecutainstruccion iranzuhuarte
 
Thinking Final Project Presentation
Thinking Final Project PresentationThinking Final Project Presentation
Thinking Final Project Presentation
 
Packing tape sale
Packing tape salePacking tape sale
Packing tape sale
 
Industrial Training in PhoneGap Application
Industrial Training in PhoneGap ApplicationIndustrial Training in PhoneGap Application
Industrial Training in PhoneGap Application
 
Polypropylene tying twine
Polypropylene tying twinePolypropylene tying twine
Polypropylene tying twine
 
Gardening sheet eleocharis macrostachya
Gardening sheet   eleocharis macrostachyaGardening sheet   eleocharis macrostachya
Gardening sheet eleocharis macrostachya
 
Onenote
OnenoteOnenote
Onenote
 
Wisdom in the Ups & Downs (Ecclesiastes 6:10–7:14)
Wisdom in the Ups & Downs (Ecclesiastes 6:10–7:14)Wisdom in the Ups & Downs (Ecclesiastes 6:10–7:14)
Wisdom in the Ups & Downs (Ecclesiastes 6:10–7:14)
 
Tgf beta superfamily
Tgf beta superfamilyTgf beta superfamily
Tgf beta superfamily
 
Jaime Lerner - Presidente Honorario de SIBRT - Fatores Claves para un Transpo...
Jaime Lerner - Presidente Honorario de SIBRT - Fatores Claves para un Transpo...Jaime Lerner - Presidente Honorario de SIBRT - Fatores Claves para un Transpo...
Jaime Lerner - Presidente Honorario de SIBRT - Fatores Claves para un Transpo...
 
Body idioms
Body idiomsBody idioms
Body idioms
 

Ähnlich wie Manual yaz

Tutorial ea padronizado
Tutorial ea   padronizadoTutorial ea   padronizado
Tutorial ea padronizadoVladimir Alves
 
Tutorial ea padronizado
Tutorial ea   padronizadoTutorial ea   padronizado
Tutorial ea padronizadoFábio Paixão
 
Tutorial vindula3 alterar fundo do login
Tutorial vindula3 alterar fundo do loginTutorial vindula3 alterar fundo do login
Tutorial vindula3 alterar fundo do loginshandersonvieira
 
Tutorial vindula1 editar cores e fundo
Tutorial vindula1 editar cores e fundoTutorial vindula1 editar cores e fundo
Tutorial vindula1 editar cores e fundoshandersonvieira
 
Manual clinica
Manual clinicaManual clinica
Manual clinicaRogerio
 
Tutorial de atualização de banner - Hot Image Slider - Joomla
Tutorial de atualização de banner - Hot Image Slider - JoomlaTutorial de atualização de banner - Hot Image Slider - Joomla
Tutorial de atualização de banner - Hot Image Slider - JoomlaBule Comunicação
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funçõesDaniel Marcos
 
Manual tgm
Manual tgmManual tgm
Manual tgmRogerio
 
Guia Blog Layout Parte2
Guia Blog Layout Parte2Guia Blog Layout Parte2
Guia Blog Layout Parte2Vanessa Crecci
 
manual_worpdress_1.pdf
manual_worpdress_1.pdfmanual_worpdress_1.pdf
manual_worpdress_1.pdfasastm2015
 
Iptim pt
Iptim ptIptim pt
Iptim ptIptim
 
Dicas para entender o Joomla
Dicas para entender o JoomlaDicas para entender o Joomla
Dicas para entender o Joomlaaprendajoomla
 
Memorial Descritivo Web2010
Memorial Descritivo Web2010Memorial Descritivo Web2010
Memorial Descritivo Web2010Eduardo Natario
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funçõesDaniel Marcos
 
Interfaces windows em c sharp
Interfaces windows em c sharpInterfaces windows em c sharp
Interfaces windows em c sharpTiago
 
Release Notes - Versao 1 10
Release Notes - Versao 1 10Release Notes - Versao 1 10
Release Notes - Versao 1 10Plataforma CORE
 

Ähnlich wie Manual yaz (20)

Tutorial ea padronizado
Tutorial ea   padronizadoTutorial ea   padronizado
Tutorial ea padronizado
 
Tutorial ea padronizado
Tutorial ea   padronizadoTutorial ea   padronizado
Tutorial ea padronizado
 
Tutorial vindula3 alterar fundo do login
Tutorial vindula3 alterar fundo do loginTutorial vindula3 alterar fundo do login
Tutorial vindula3 alterar fundo do login
 
Tutorial vindula1 editar cores e fundo
Tutorial vindula1 editar cores e fundoTutorial vindula1 editar cores e fundo
Tutorial vindula1 editar cores e fundo
 
Manual clinica
Manual clinicaManual clinica
Manual clinica
 
Tutorial de atualização de banner - Hot Image Slider - Joomla
Tutorial de atualização de banner - Hot Image Slider - JoomlaTutorial de atualização de banner - Hot Image Slider - Joomla
Tutorial de atualização de banner - Hot Image Slider - Joomla
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
Manual tgm
Manual tgmManual tgm
Manual tgm
 
Guia Blog Layout Parte2
Guia Blog Layout Parte2Guia Blog Layout Parte2
Guia Blog Layout Parte2
 
manual_worpdress_1.pdf
manual_worpdress_1.pdfmanual_worpdress_1.pdf
manual_worpdress_1.pdf
 
Guia Layout
Guia LayoutGuia Layout
Guia Layout
 
Webnode
WebnodeWebnode
Webnode
 
Iptim pt
Iptim ptIptim pt
Iptim pt
 
Dicas para entender o Joomla
Dicas para entender o JoomlaDicas para entender o Joomla
Dicas para entender o Joomla
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
Memorial Descritivo Web2010
Memorial Descritivo Web2010Memorial Descritivo Web2010
Memorial Descritivo Web2010
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
Interfaces windows em c sharp
Interfaces windows em c sharpInterfaces windows em c sharp
Interfaces windows em c sharp
 
Release Notes - Versao 1 10
Release Notes - Versao 1 10Release Notes - Versao 1 10
Release Notes - Versao 1 10
 
Guia do Wordpress
Guia do WordpressGuia do Wordpress
Guia do Wordpress
 

Manual yaz

  • 1. 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. 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. 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. 4 2 - Editando Paginas Institucionais.
  • 5. 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. 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. 7 b) Inserindo video:  Insira o iframe gerado pelo vimeo ou youtube, conforme figura acima; c) ver pagina 10;
  • 8. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 18 6 – Inserindo e Editando Usuários: a) Acima relação de usuários administradores;
  • 19. 19 b) Abaixo como inserir novo administrador:  Preencha todos os campos
  • 20. 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.