SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
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.




                                                                                                           1
Indice:


           Assunto                                                                                                                                                                                                             Pagina

Acesso - Área Administrativa ........................................................................................................................................................................................................ 01

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

Inserindo & Editando Produtos..................................................................................................................................................................................................... 06

Inserindo & Editando Noticias ...................................................................................................................................................................................................... 09

Inserindo& Editando Clientes ....................................................................................................................................................................................................... 10

Inserindo& Editando Banner......................................................................................................................................................................................................... 11




                                                                                                                                                                                                                                           2
Acesso – Area Administrativa:

1 – link de acesso: clique aqui ou http://tgmtecnologia.com/wp-admin/

Nome de usuário: tgmtecnologia

Senha: enviado via email!

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




                                                                        Acessando Webmail:

                                                                        Clique aqui

                                                                        User(example): nome@tgmtecnologia.com




                                                                                                        3
2 - Editando Paginas Institucionais.

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

Clique em Paginas -> selecione a pagina desejada para edita-la, neste caso, Sobre, após clique em editar (A opção de editar a pagina ira aparecer após
passar o mouse pela pagina desejada)

Editando a pagina selecionada:

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

2 – Espaço reservado para textos e imagens




                                                                                                                                                  4
Obs.: Paginas institucionais: Tecnologia TGM, Sobre a TGM, Fale Conosco.




                                          1 - Titulo

                              2 – Adicionar imagens                       3 – Atualizar




2 – espaço serve para inserir imagens e arquivos, ao clicar basta arrastar a imagem e clicar em inserir no post.

3 – Destinado á alteração dos textos sobre a TGM, Missão, Valores, Visão.




                                                                                                                   5
3 - Editando Pagina Produtos.

 Para editar as paginas de produtos, basta seguir os passos abaixo:

 Clique em Produtos -> o qual listará os produtos cadastrados.

 Selecione a produto que desejada para editar (A opção de editar a pagina ira aparecer após passar o mouse pelo produto desejado).

 Para adicionar seguir os mesmos passos, porém clicar em adicionar produto.




Abaixo, usaremos o exemplo do produto marcado.


                                                                                                                                     6
Editando produto:




a) Visual: Destinado ao conteúdo (texto e galeria de imagem).
b) Categorias: Destinado a organização do conteúdo no site, dividindo em (Segmentos,Equipamentos,Software)
c) Abaixo de cada categoria está situada suas sub-categorias, ou seja, conteúdo especifico.
   Ex.:         Segmentos         ->       Portáteis para Cargas
            Menu do conteúdo           organiza e descreve o conteúdo
               (categoria)                    (subcategoria)

      Obs.: Permitido inserir quantas subcategorias necessitar, porém categorias estão pré-determinadas.



                                                                                                             7
Adicionando Galeria de imagens:

 1 – Clique no botão adicionar mídia.



                                                                       a) Clique em criar galeria;
                                                                       b) Selecione as imagens que farão parte da galeria
                                                                          (pressione shift para selecionar mais de uma imagem);
                                                                       c) Na Aba título, descreva o titulo para organização dos
                                                                          arquivos;
                                                                       d) Clique em inserir no post.




Após inserir a galeria, deverá aparecer algo como no exemplo abaixo:




                                        Galeria de
                                        Imagem




                                                                                                                           8
Adicionando Subcategorias:

                             a)   Clique em adicionar categoria;
                             b)   Selecione a Categoria “Mãe” (a qual ela pertence);
                             c)   Ex.: Subcategoria “teste” -> Categoria mãe “equipamentos”
                             d)   Clique em adicionar nova categoria.
                             e)   Veja como ficou ->




4 – Editando Noticias:

                                                                                              a)   Como nas demais.
                                                                                              b)   Primeiro campo destina-se ao titulo
                                                                                              c)   Visual: destina-se ao conteúdo
                                                                                              d)   Campo Resumo: Briefing do conteúdo
                                                                                              e)   Data da noticia controla-se no calendário, conforme
                                                                                                   marcação, clique em editar para alterar a data.




                                                                                                                                                 9
5 – Editando Clientes:



                                                                   a) Primeiro campo: destina-se ao titulo
                                                                   b) Visual: destina-se ao conteúdo
                                                                   c) Imagem destacada: imagem da empresa
                                                                      do cliente.



                                                                   Inserindo Imagem Destacada.


                                                                                            Clique no link
                            f)




 Após aparecerá a janela abaixo:

                                   a) selecione a imagem;
                                   b) Clique conforme a marcação, botão, usar como imagem destacada.
                                   c) A Imagem ficará como no item marcado acima em vermelho.




                                                                                                       10
6 – Editando banner:

                                                                                      a) Clique em Browser Image;
                                                                                      b) Arraste a imagem do banner
                                                                                         no local indicado;
                                                                                      c) Clique em inserir no post
                                                                                      d) Caso exista link interno ou
                                                                                         externo colocar na aba abaixo
                                                                                         – Link do banner
                                                                                      e) Opção abrir em nova janela,
                                                                                         permite a quem clique no
                                                                                         banner ser direcionado há
                                                                                         uma nova aba no navegador
                                                                                         caso esteja habilitado esta
                                                                                         opção.
                                                                                      f) Após estes passos clique em
                                                                                         atualizar.




Observações Gerais.:

1 – Após editar qualquer conteúdo sempre clicar em atualizar;
2 – Após criar qualquer conteúdo clicar em atualizar para publicar no site;
3 – A forma de inserir e editar conteúdo são as mesmas;
4 – A forma de inserir imagem destacada e galeria são iguais para todos os módulos.




                                                                                                               11

Más contenido relacionado

La actualidad más candente

Oficina de publicação nos blogs aft 2011
Oficina de publicação nos blogs aft 2011Oficina de publicação nos blogs aft 2011
Oficina de publicação nos blogs aft 2011blogbrasil
 
Manual google-sites-100225083926-phpapp02
Manual google-sites-100225083926-phpapp02Manual google-sites-100225083926-phpapp02
Manual google-sites-100225083926-phpapp02Marcio Colucci
 
Guião para criar formulários
Guião para criar formuláriosGuião para criar formulários
Guião para criar formuláriosjose_duarte
 
Tutorial - Atualização do perfil myspace
Tutorial - Atualização do perfil myspaceTutorial - Atualização do perfil myspace
Tutorial - Atualização do perfil myspacemyspace Brasil
 
4232 196 segredos do xp
4232 196 segredos do xp4232 196 segredos do xp
4232 196 segredos do xpweltoOn
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Élida Tavares
 
Como criar forms no Google Docs
Como criar forms no Google DocsComo criar forms no Google Docs
Como criar forms no Google DocsIsabel Neto
 

La actualidad más candente (13)

Guia básico de publicação nos blogs aft
Guia básico de publicação nos blogs aftGuia básico de publicação nos blogs aft
Guia básico de publicação nos blogs aft
 
Oficina de publicação nos blogs aft 2011
Oficina de publicação nos blogs aft 2011Oficina de publicação nos blogs aft 2011
Oficina de publicação nos blogs aft 2011
 
Manual web site
Manual web siteManual web site
Manual web site
 
Manual google-sites-100225083926-phpapp02
Manual google-sites-100225083926-phpapp02Manual google-sites-100225083926-phpapp02
Manual google-sites-100225083926-phpapp02
 
Manual google docs
Manual google docsManual google docs
Manual google docs
 
Guia do Wordpress
Guia do WordpressGuia do Wordpress
Guia do Wordpress
 
Ap ferramentas
Ap ferramentasAp ferramentas
Ap ferramentas
 
Guião para criar formulários
Guião para criar formuláriosGuião para criar formulários
Guião para criar formulários
 
Tutorial - Atualização do perfil myspace
Tutorial - Atualização do perfil myspaceTutorial - Atualização do perfil myspace
Tutorial - Atualização do perfil myspace
 
4232 196 segredos do xp
4232 196 segredos do xp4232 196 segredos do xp
4232 196 segredos do xp
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Como criar forms no Google Docs
Como criar forms no Google DocsComo criar forms no Google Docs
Como criar forms no Google Docs
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 

Destacado

AJAS Summer Jam 2016
AJAS Summer Jam 2016AJAS Summer Jam 2016
AJAS Summer Jam 2016Dy Lounds
 
Đề thi minh họa môn tiếng Trung năm 2015
Đề thi minh họa môn tiếng Trung năm 2015 Đề thi minh họa môn tiếng Trung năm 2015
Đề thi minh họa môn tiếng Trung năm 2015 onthitot24h
 
Revista Mundo Contact Septiembre 2015
Revista Mundo Contact Septiembre 2015Revista Mundo Contact Septiembre 2015
Revista Mundo Contact Septiembre 2015Mundo Contact
 
Arthur Szyk Watercolors
Arthur Szyk WatercolorsArthur Szyk Watercolors
Arthur Szyk Watercolorsglennhirsch
 
La falta de calcio y de ejercicio mina los huesos de los niños españoles
La falta de calcio y de ejercicio mina los huesos de los niños españolesLa falta de calcio y de ejercicio mina los huesos de los niños españoles
La falta de calcio y de ejercicio mina los huesos de los niños españolesyogui1970
 
Certificado Curso de Productividad personal na era digital
Certificado Curso de Productividad personal na era digitalCertificado Curso de Productividad personal na era digital
Certificado Curso de Productividad personal na era digitalRicardo Fonseca
 
E-COMMERCE COURSE CERTIFICATE GOOGLE
E-COMMERCE COURSE CERTIFICATE GOOGLEE-COMMERCE COURSE CERTIFICATE GOOGLE
E-COMMERCE COURSE CERTIFICATE GOOGLERicardo Fonseca
 
Afsca: dictan una precautelar contra la intervención
Afsca: dictan una precautelar contra la intervenciónAfsca: dictan una precautelar contra la intervención
Afsca: dictan una precautelar contra la intervenciónCba24n
 
принципы построения супа
принципы построения супапринципы построения супа
принципы построения супаRnD_SM
 

Destacado (18)

Metodo de estudio
Metodo de estudioMetodo de estudio
Metodo de estudio
 
Lecture 4-09-08
Lecture 4-09-08Lecture 4-09-08
Lecture 4-09-08
 
AJAS Summer Jam 2016
AJAS Summer Jam 2016AJAS Summer Jam 2016
AJAS Summer Jam 2016
 
Đề thi minh họa môn tiếng Trung năm 2015
Đề thi minh họa môn tiếng Trung năm 2015 Đề thi minh họa môn tiếng Trung năm 2015
Đề thi minh họa môn tiếng Trung năm 2015
 
Revista Mundo Contact Septiembre 2015
Revista Mundo Contact Septiembre 2015Revista Mundo Contact Septiembre 2015
Revista Mundo Contact Septiembre 2015
 
Arthur Szyk Watercolors
Arthur Szyk WatercolorsArthur Szyk Watercolors
Arthur Szyk Watercolors
 
La falta de calcio y de ejercicio mina los huesos de los niños españoles
La falta de calcio y de ejercicio mina los huesos de los niños españolesLa falta de calcio y de ejercicio mina los huesos de los niños españoles
La falta de calcio y de ejercicio mina los huesos de los niños españoles
 
Certificado Curso de Productividad personal na era digital
Certificado Curso de Productividad personal na era digitalCertificado Curso de Productividad personal na era digital
Certificado Curso de Productividad personal na era digital
 
E-COMMERCE COURSE CERTIFICATE GOOGLE
E-COMMERCE COURSE CERTIFICATE GOOGLEE-COMMERCE COURSE CERTIFICATE GOOGLE
E-COMMERCE COURSE CERTIFICATE GOOGLE
 
Learning models ppbi
Learning models   ppbiLearning models   ppbi
Learning models ppbi
 
Learning models of mind mapping, make a
Learning models of mind mapping, make aLearning models of mind mapping, make a
Learning models of mind mapping, make a
 
Hardware
HardwareHardware
Hardware
 
Afsca: dictan una precautelar contra la intervención
Afsca: dictan una precautelar contra la intervenciónAfsca: dictan una precautelar contra la intervención
Afsca: dictan una precautelar contra la intervención
 
принципы построения супа
принципы построения супапринципы построения супа
принципы построения супа
 
Timothy L
Timothy LTimothy L
Timothy L
 
Ekologi industri
Ekologi industriEkologi industri
Ekologi industri
 
352
352352
352
 
Water Week
Water WeekWater Week
Water Week
 

Similar a Manual CMS Ferramenta

Manual parceiros
Manual parceirosManual parceiros
Manual parceirosRogerio
 
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
 
Manual clinica
Manual clinicaManual clinica
Manual clinicaRogerio
 
Manual yaz
Manual yazManual yaz
Manual yazRogerio
 
Edição de Artigos - Joomla - painel com JSEBlod
Edição de Artigos - Joomla - painel com JSEBlodEdição de Artigos - Joomla - painel com JSEBlod
Edição de Artigos - Joomla - painel com JSEBlodBule Comunicação
 
Guia Blog Layout Parte2
Guia Blog Layout Parte2Guia Blog Layout Parte2
Guia Blog Layout Parte2Vanessa Crecci
 
WordPress 2.9: Manual do Editor
WordPress 2.9: Manual do EditorWordPress 2.9: Manual do Editor
WordPress 2.9: Manual do EditorGuga Alves
 
Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2neysans
 
Wordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do PublicadorWordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do PublicadorRenato Vieira
 
Manual belavista
Manual belavistaManual belavista
Manual belavistainterative
 
Tarefa 2 corrigida
Tarefa 2 corrigidaTarefa 2 corrigida
Tarefa 2 corrigidaAnaCTSilva
 
Blogger per1
Blogger per1Blogger per1
Blogger per1cmoper
 

Similar a Manual CMS Ferramenta (20)

Manual parceiros
Manual parceirosManual parceiros
Manual parceiros
 
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
 
Manual clinica
Manual clinicaManual clinica
Manual clinica
 
Manual yaz
Manual yazManual yaz
Manual yaz
 
Edição de Artigos - Joomla - painel com JSEBlod
Edição de Artigos - Joomla - painel com JSEBlodEdição de Artigos - Joomla - painel com JSEBlod
Edição de Artigos - Joomla - painel com JSEBlod
 
Teste
TesteTeste
Teste
 
Edição de Artigos - Joomla!
Edição de Artigos - Joomla!Edição de Artigos - Joomla!
Edição de Artigos - Joomla!
 
Oficina de publicao nos blogs aft 2011 novo
Oficina de publicao nos blogs aft 2011 novoOficina de publicao nos blogs aft 2011 novo
Oficina de publicao nos blogs aft 2011 novo
 
Guia Blog Layout Parte2
Guia Blog Layout Parte2Guia Blog Layout Parte2
Guia Blog Layout Parte2
 
WordPress 2.9: Manual do Editor
WordPress 2.9: Manual do EditorWordPress 2.9: Manual do Editor
WordPress 2.9: Manual do Editor
 
Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2Word press manual-2-9-editor-v2
Word press manual-2-9-editor-v2
 
Wordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do PublicadorWordpress, Guia/Manual do Publicador
Wordpress, Guia/Manual do Publicador
 
Guia Layout
Guia LayoutGuia Layout
Guia Layout
 
Google sites-pdf
Google sites-pdfGoogle sites-pdf
Google sites-pdf
 
Manual belavista
Manual belavistaManual belavista
Manual belavista
 
Tarefa 2 corrigida
Tarefa 2 corrigidaTarefa 2 corrigida
Tarefa 2 corrigida
 
Tutorial do blog do PIBID UNEAL Geografia Campus I
Tutorial do blog do PIBID UNEAL Geografia Campus ITutorial do blog do PIBID UNEAL Geografia Campus I
Tutorial do blog do PIBID UNEAL Geografia Campus I
 
aula 02 - WordPress
aula 02 - WordPressaula 02 - WordPress
aula 02 - WordPress
 
Criação de Artigos Joomla
Criação de Artigos JoomlaCriação de Artigos Joomla
Criação de Artigos Joomla
 
Blogger per1
Blogger per1Blogger per1
Blogger per1
 

Manual CMS Ferramenta

  • 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. 1
  • 2. Indice: Assunto Pagina Acesso - Área Administrativa ........................................................................................................................................................................................................ 01 Editando Paginas Institucionais .................................................................................................................................................................................................... 04 Inserindo & Editando Produtos..................................................................................................................................................................................................... 06 Inserindo & Editando Noticias ...................................................................................................................................................................................................... 09 Inserindo& Editando Clientes ....................................................................................................................................................................................................... 10 Inserindo& Editando Banner......................................................................................................................................................................................................... 11 2
  • 3. Acesso – Area Administrativa: 1 – link de acesso: clique aqui ou http://tgmtecnologia.com/wp-admin/ Nome de usuário: tgmtecnologia Senha: enviado via email! Após realizar o login, a seguinte pagina aparecera: Acessando Webmail: Clique aqui User(example): nome@tgmtecnologia.com 3
  • 4. 2 - Editando Paginas Institucionais. Para editar as paginas institucionais, basta seguir os passos abaixo: Clique em Paginas -> selecione a pagina desejada para edita-la, neste caso, Sobre, após clique em editar (A opção de editar a pagina ira aparecer após passar o mouse pela pagina desejada) Editando a pagina selecionada: 1 – Espaço reservado ao titulo, neste caso: Sobre 2 – Espaço reservado para textos e imagens 4
  • 5. Obs.: Paginas institucionais: Tecnologia TGM, Sobre a TGM, Fale Conosco. 1 - Titulo 2 – Adicionar imagens 3 – Atualizar 2 – espaço serve para inserir imagens e arquivos, ao clicar basta arrastar a imagem e clicar em inserir no post. 3 – Destinado á alteração dos textos sobre a TGM, Missão, Valores, Visão. 5
  • 6. 3 - Editando Pagina Produtos. Para editar as paginas de produtos, basta seguir os passos abaixo: Clique em Produtos -> o qual listará os produtos cadastrados. Selecione a produto que desejada para editar (A opção de editar a pagina ira aparecer após passar o mouse pelo produto desejado). Para adicionar seguir os mesmos passos, porém clicar em adicionar produto. Abaixo, usaremos o exemplo do produto marcado. 6
  • 7. Editando produto: a) Visual: Destinado ao conteúdo (texto e galeria de imagem). b) Categorias: Destinado a organização do conteúdo no site, dividindo em (Segmentos,Equipamentos,Software) c) Abaixo de cada categoria está situada suas sub-categorias, ou seja, conteúdo especifico. Ex.: Segmentos -> Portáteis para Cargas Menu do conteúdo organiza e descreve o conteúdo (categoria) (subcategoria)  Obs.: Permitido inserir quantas subcategorias necessitar, porém categorias estão pré-determinadas. 7
  • 8. Adicionando Galeria de imagens: 1 – Clique no botão adicionar mídia. a) Clique em criar galeria; b) Selecione as imagens que farão parte da galeria (pressione shift para selecionar mais de uma imagem); c) Na Aba título, descreva o titulo para organização dos arquivos; d) Clique em inserir no post. Após inserir a galeria, deverá aparecer algo como no exemplo abaixo: Galeria de Imagem 8
  • 9. Adicionando Subcategorias: a) Clique em adicionar categoria; b) Selecione a Categoria “Mãe” (a qual ela pertence); c) Ex.: Subcategoria “teste” -> Categoria mãe “equipamentos” d) Clique em adicionar nova categoria. e) Veja como ficou -> 4 – Editando Noticias: a) Como nas demais. b) Primeiro campo destina-se ao titulo c) Visual: destina-se ao conteúdo d) Campo Resumo: Briefing do conteúdo e) Data da noticia controla-se no calendário, conforme marcação, clique em editar para alterar a data. 9
  • 10. 5 – Editando Clientes: a) Primeiro campo: destina-se ao titulo b) Visual: destina-se ao conteúdo c) Imagem destacada: imagem da empresa do cliente. Inserindo Imagem Destacada. Clique no link f) Após aparecerá a janela abaixo: a) selecione a imagem; b) Clique conforme a marcação, botão, usar como imagem destacada. c) A Imagem ficará como no item marcado acima em vermelho. 10
  • 11. 6 – Editando banner: a) Clique em Browser Image; b) Arraste a imagem do banner no local indicado; c) Clique em inserir no post d) Caso exista link interno ou externo colocar na aba abaixo – Link do banner e) Opção abrir em nova janela, permite a quem clique no banner ser direcionado há uma nova aba no navegador caso esteja habilitado esta opção. f) Após estes passos clique em atualizar. Observações Gerais.: 1 – Após editar qualquer conteúdo sempre clicar em atualizar; 2 – Após criar qualquer conteúdo clicar em atualizar para publicar no site; 3 – A forma de inserir e editar conteúdo são as mesmas; 4 – A forma de inserir imagem destacada e galeria são iguais para todos os módulos. 11