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 Clientes ...................................................................................................................................................................................................... 07

Inserindo & Editando Portfólio ..................................................................................................................................................................................................... 09

Inserindo& Editando Galeria de imagens .................................................................................................................................................................................... 10

Visualizando Alterações ............................................................................................................................................................................................................... 11




                                                                                                                                                                                                                                         2
Acesso – Area Administrativa:

1 – link de acesso: http://belavistaconstrucoes.com.br/wp-admin

Nome de usuário: belavista

Senha: Belavista2013

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




                                                                  3
2 - Editando Paginas Institucionais.



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

Clique em Paginas -> Adicionar Nova, 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:


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

2 – Espaço reservado para textos e imagens




                           1 - Titulo


                                                    2 – Textos e imagens




                                                                           5 – Atualizar




                                                                                           5
3 – Textos sobre a Visão



4 – Textos sobre a Missão




                            6
3 - Inserindo & Editando - Clientes.




                         2 – Título

                                                   3 – Conteúdo




                                                                                7 - Para salvar modificações
       1 – Adicionar


                                                                  5 - Imagem do cliente




                                                                         6 - Inserindo imagem



                       4 – Link (url) do cliente




                                                                                                  7
3.1 – Inserindo e editando Imagem destacada:


                                                    3.1 – Abra uma pasta do seu computador e
                                                         solte a imagem na área indicada.




                        3.2 – Edite o título para melhor posicionamento em sites de pesquisas .




                                                                                                               3.6 – Imagem Destacada
                                                                                                                 Tamanho: 290 x 40




                                                 3.3 – Clique em usar como imagem destacada, após atualize a
                                                               página para salvar as modificações.

                   3.5 – Salvar


                                                                                                                                        8
4 - Inserindo & Editando - Portfolio.




                                             4.1 – Título


                                                                       4.2 – conteúdo




                                                               4.3 – Tipo de categoria que pertence




                                                                                                                                  4.4 – Adicionar nova categoria


                                                                                                                                                         4.5 - Nome da categoria

                                4.7 – Cliente a qual pertence o projeto

                                                               4.8 – clique para editar                                              4.6 – Adicionar e salvar

5.0 – Para inserir
                                4.9 – clique para selecionar
Mais tipos de construção,
Deverá repassar a relação



                                                                                                      5.1 – Para inserir imagem destacada, segui os
                                                                                                      passos 3.1 – página 8

                                                                                                      5.2 – Imagem Destacada
                                                                                                        Tamanho: 290 x 200




                                                                                                                                                                                   9
5.3 - Inserindo & Editando – Galeria de imagens.




                                      5.1 – Clique aqui para adicionar uma galeria




                                                                                     5.2 – Selecione as imagens e solte aqui
                                        5.4 – Confira as imagens da galeria




  5.5 – Clicando em uma
     imagem uma fez e
pressionando com o mouse,
    é possível arrastar e
     modificar a ordem




                                                                                                              5.3 – Edite o título




                            5.6 – Clique para inserir a galeria, após atualize as
                            alteração clicando no botão em atualizar




                                                                                                                                     10
5.7 – Visualizando alterações.




                                                      Título




                                                                 Atributos adicionais

                         Imagem destacada

                                                                    Descrição


                                            Galeria de imagens




                                                                                        11

Manual belavista

  • 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 Clientes ...................................................................................................................................................................................................... 07 Inserindo & Editando Portfólio ..................................................................................................................................................................................................... 09 Inserindo& Editando Galeria de imagens .................................................................................................................................................................................... 10 Visualizando Alterações ............................................................................................................................................................................................................... 11 2
  • 3.
    Acesso – AreaAdministrativa: 1 – link de acesso: http://belavistaconstrucoes.com.br/wp-admin Nome de usuário: belavista Senha: Belavista2013 Após realizar o login, a seguinte pagina aparecera: 3
  • 4.
    2 - EditandoPaginas Institucionais. Para editar as paginas institucionais, basta seguir os passos abaixo: Clique em Paginas -> Adicionar Nova, 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: 4
  • 5.
    1 – Espaçoreservado ao titulo, neste caso: Sobre 2 – Espaço reservado para textos e imagens 1 - Titulo 2 – Textos e imagens 5 – Atualizar 5
  • 6.
    3 – Textossobre a Visão 4 – Textos sobre a Missão 6
  • 7.
    3 - Inserindo& Editando - Clientes. 2 – Título 3 – Conteúdo 7 - Para salvar modificações 1 – Adicionar 5 - Imagem do cliente 6 - Inserindo imagem 4 – Link (url) do cliente 7
  • 8.
    3.1 – Inserindoe editando Imagem destacada: 3.1 – Abra uma pasta do seu computador e solte a imagem na área indicada. 3.2 – Edite o título para melhor posicionamento em sites de pesquisas . 3.6 – Imagem Destacada Tamanho: 290 x 40 3.3 – Clique em usar como imagem destacada, após atualize a página para salvar as modificações. 3.5 – Salvar 8
  • 9.
    4 - Inserindo& Editando - Portfolio. 4.1 – Título 4.2 – conteúdo 4.3 – Tipo de categoria que pertence 4.4 – Adicionar nova categoria 4.5 - Nome da categoria 4.7 – Cliente a qual pertence o projeto 4.8 – clique para editar 4.6 – Adicionar e salvar 5.0 – Para inserir 4.9 – clique para selecionar Mais tipos de construção, Deverá repassar a relação 5.1 – Para inserir imagem destacada, segui os passos 3.1 – página 8 5.2 – Imagem Destacada Tamanho: 290 x 200 9
  • 10.
    5.3 - Inserindo& Editando – Galeria de imagens. 5.1 – Clique aqui para adicionar uma galeria 5.2 – Selecione as imagens e solte aqui 5.4 – Confira as imagens da galeria 5.5 – Clicando em uma imagem uma fez e pressionando com o mouse, é possível arrastar e modificar a ordem 5.3 – Edite o título 5.6 – Clique para inserir a galeria, após atualize as alteração clicando no botão em atualizar 10
  • 11.
    5.7 – Visualizandoalterações. Título Atributos adicionais Imagem destacada Descrição Galeria de imagens 11