Manual de Site Administrável
-
Upload
eduardo-miranda -
Category
Documents
-
view
236 -
download
7
description
Transcript of Manual de Site Administrável
Manual de Operação – Site Administrável
www.valadaresebomtempo.adv.br
Na Barra de Endereços do seu Navegador (Internet Explorer, Chrome, Firefox, etc.) digite www.valadaresebomtempo.adv.br/wp‐admin
Digite o Usuário e Senha depois clique em Login
• Para alterar o Atuamos do site:
Já dentro do Painel, clique na seta ao lado de Aparência (1) e clique na opção Widgets (2)
Dentro do Widgets clique na seta ao lado direito de Practice list (Título: Atuamos)
Dentro do quadro Description, estão listadas as áreas de Atuação da seguinte forma:
<p>Direito Administrativo<br/> Direito Associativo<br/> Direito Bancário<br/> Direito Comercial<br/> Direito do Consumidor<br/> Direito de Família<br/> Direito Fundacional<br/> Direito Imobiliário<br/> Direito do Trabalho<br/> Direito Securitário<br/> Inventários<br/> Previdência Complementar<br/> Recursos Especiais<br/> Recursos Extraordinários<br/> Responsabilidade Civil e Penal<br/> Sustentações Orais</p>
Basta você acrescentar, excluir ou alterar o texto, sempre lembrando três regras básicas:
No início de todo o texto sempre abra com: <p> No final de todo o texto sempre feche com: </p> Sempre que quiser “pular” uma linha (gerar uma quebra de linha) basta usar: <br/>
Ex.: Quero apagar tudo e só colocar quatro ramos de atuação.
Dê um clique dentro do quadro, marque todo conteúdo e elimine‐o com a tecla Delete (de seu teclado);
Acrescente as linhas que forem necessárias, sempre seguindo as regras acima;
Ficaria assim:
Lembre‐se que para salvar as alterações é preciso clicar em Salvar, como na figura acima.
• Para alterar o item Profissionais do site:
Assim como no item Atuamos, o item Profissionais também está no Widgets
Clique na seta para baixo, ao lado direito de Team List: Profissionais
Altere, conforme a necessidade, o Título, o Nome e siga a seguinte regra para alterar o Description:
Você sempre terá que abrir o texto com <p style="text‐align:justify;"> e fechar com </p>
Exemplo:
<p style="text‐align:justify;">Bacharel em Direito pela UDF (2003), Bacharel em Ciências Econômicas pela UNICEUB (1995), com pós‐graduação lato sensu em Gestão Estratégica e Qualidade pela UCAM (2002), pós‐graduação lato sensu em Direito público pela UCB (2004), pós‐graduação lato sensu em Direito Processual pela UNISUL (2009) e, atualmente, é aluno especial no Mestrado em Direito Internacional Econômico e Tributário da UCB. Foi executivo em instituições de grande porte dos mercados varejista, imobiliário e financeiro. Advogado militante, com vários clientes em Brasília, sobretudo para instituições
securitárias, pessoas físicas e jurídicas diversas.</p>
Obs.: O comando <p style="text‐align:justify;"> é para utilizar a formatação em que o texto fica justificado.
Nesses mesmos moldes você irá acrescentar a segunda pessoa da equipe de profissionais, isto é, você utilizará este mesmo formato para cadastrar.
Name2:
Posteriormente, clique em Salvar
Questão: ‐ Preciso acrescentar mais pessoas na equipe. Como fazer?
R: Você poderá acrescentar mais profissionais na guia Front Page Content, seguindo os passos abaixo:
Encontre o item Team List, na área de Widgets disponíveis, e arraste (com o mouse) para Front Page Content
Note que agora você terá 2 “Team list”. Em cada um você poderá colocar 2 profissionais. Caso necessite, você poderá arrastar mais uma barra “Team list” (através dos “Widgets Disponíveis”) totalizando assim 6 profissionais.
Cada Team List acrescentado no Front Page Content terá campos para cadastrar mais dois profissionais.
Lembre‐se que a regra utilizada para justificar o texto é a mesma para todos os profissionais a serem acrescentados.
• Alterando o item Contato do site:
Vamos à alteração:
Siga os passos, na sequência:
• Clique em Inner Page Sidebar Left (1) que se encontra também em Widgets na lateral direita do vídeo
• Abra as abas utilizando as setas para baixo conforme mostrado na figura no número (1) e (2) (Texto: Contato)
• Altere ou inclua o Título (3)
• No texto a ser alterado ou incluído, utilize as seguintes regras:
Para abrir e fechar o texto utilize o <p> para abrir e </p> para fechar.
Ex.: <p>Seu texto aqui</p>
Para colocar em negrito utilize o comando strong, da seguinte maneira: <strong>Seu texto aqui</strong>
Quando quiser mudar de linha (quebra de linha) utilize o comando <br/> (funciona como o comando Enter, num editor de texto)
Assim teremos:
<p> <strong> Advogados </strong><br /> SRTVS, Avenida W 3 Sul, Quadra 701, Ed. Assis Chateaubriand, Bloco 2, Sobreloja, sala 01 ‐ Asa Sul ‐ Brasília ‐ Distrito Federal CEP: 70340‐000<br /> <strong> Tel.: (61) 2107‐0002</strong></p>
Não se esqueça de clicar em Salvar (5), como mostrado na figura acima.
• Alterando o item Jurisprudência do site:
Siga os passos na sequência:
• Clique no Inner Page Sidebar Left (1), que se encontra também no Widgets na lateral direita do vídeo
• Abra as abas utilizando as setas para baixo conforme mostrado na figura no número (1) e (2) (Texto: Jurisprudência)
• Altere ou inclua o Título (2)
• Faça a alteração ou inclusão das informações do texto utilizando as seguintes regras:
Para abrir e fechar o texto utilize o <p> para abrir e </p> para fechar.
Ex.: <p>Seu texto aqui</p>
Para colocar em negrito utilize o comando strong, da seguinte maneira: <strong>Seu texto aqui</strong>
Quando quiser mudar de linha (quebra de linha) utilize o comando <br/> (funciona como o comando Enter, num editor de texto)
IMPORTANTE:
No item Jurisprudência temos um diferencial, pois iremos direcionar o usuário para uma outra página.
Ex.: Queremos que o usuário vá para página de Licitação.
Iremos utilizar o comando <a href=”Endereço da página”>Nome da página</a>
Assim como em:
<a href="http://www.valadaresebomtempo.adv.br/?page_id=913">Licitação</a> (Isso quer dizer que o item Licitação será um link para uma outra página)
O nosso item jurisprudência ficou assim:
<a href="http://www.valadaresebomtempo.adv.br/?page_id=913">Licitação</a><br/><br/> <a href="http://www.valadaresebomtempo.adv.br/?page_id=913#juros">Juros</a><br/><br/> <a href="http://www.valadaresebomtempo.adv.br/?page_id=913#consumidor">Consumidor</a><br/><br/> <a href="http://www.valadaresebomtempo.adv.br/?page_id=913#previdencia">Previdência Privada</a><br/><br/> <a href="http://www.valadaresebomtempo.adv.br/?page_id=913#assedio">Assédio Moral na Justiça do Trabalho</a><br/><br/> <a href="http://www.valadaresebomtempo.adv.br/?page_id=913#acao">Ação de Despejo</a><br/><br/>
<a href="http://www.valadaresebomtempo.adv.br/?page_id=913#seguro">Seguro DPVAT</a><br/><br/>
<a href="http://www.valadaresebomtempo.adv.br/?page_id=913#contribuicao">Contribuição Previdenciária</a><br/><br/>
<a href="http://www.valadaresebomtempo.adv.br/?page_id=913#acidente">Acidente de Trabalho</a><br/><br/>
<a href="http://www.valadaresebomtempo.adv.br/?page_id=913#apropriacao">Apropriação Indébita de Contribuição Previdenciária</a><br/><br/>
Clique em Salvar representada na figura acima pelo número (4).
IMPORTANTE:
Neste processo será muito importante você saber:
• Como criar páginas
• Como saber o endereço (URL) das minhas páginas
Assim você poderá criar quantas páginas quiser e criar links em seu site para estas páginas como foi o caso do item Jurisprudência.
Como Criar páginas: (Siga os passos segundo figura abaixo)
Como Editar, Alterar ou Visualizar as páginas e saber o endereço (URL) das minhas páginas? (Siga os passos segundo figura abaixo)
Já dentro da página você poderá alterar o Título, as informações do texto e também verificar qual é o endereço (URL, Link Permanente) da página. Não se esqueça de sempre clicar em Atualizar em caso de alteração.
É importante que você saiba o endereço (URL) da página, pois assim você poderá criar um link para aquele endereço. Este recurso foi utilizado em Jurisprudência.
• Alterando Abordagem Profissional | Experiência e Confiabilidade | Soluções Inteligentes | Qualidade
Siga os passos na sequência:
• Clique no item Home Slider (1), que se encontra também no Widgets na lateral direita do vídeo
• Abra as abas utilizando as setas para baixo conforme mostrado na figura no numero (1) e (2)
Altere ou inclua o Título indicado pelo número (3)
No item Image 1 (4) é colocado o endereço de onde a imagem está. No nosso caso:
http://www.valadaresebomtempo.adv.br/wp‐content/themes/PrivateLawyer/images/dummy/thumb1.png
(Ver no item adicionando imagens)
Neste local (URL acima) está arquivada a imagem abaixo:
ATENÇÃO:
Veremos mais adiante como inserir e descobrir o endereço destas imagens.
Novamente, poderemos utilizar as regras já vistas nos itens de texto deste manual:
Para abrir e fechar o texto utilize o <p> para abrir e </p> para fechar:
<p>Seu texto aqui</p>
Para colocar em negrito utilize o comando: <strong>Seu texto aqui</strong>
Quando quiser mudar de linha utilize o comando <br/>
Para justificar o texto:
<p style="text‐align:justify;">Texto justificado aqui</p>
Assim teremos:
<p style="text‐align:justify;">Nosso objetivo é estabelecer uma abordagem profissional que alcance a excelência no atendimento, com foco na fidelização do cliente. Atuamos de forma efetiva para a satisfação dos clientes e sucesso na prestação de serviços.</p>
Resultado Final:
Este processo descrito acima vale também para Experiência e Confiabilidade, Soluções Inteligentes e Qualidade.
• Como inserir uma imagem no site?
Adicionando imagens:
No menu à esquerda, clique no item Mídia (1), Adicionar Novo (2) e Adicionar Novo (3)
Procure (1, 2 e 3) a imagem no seu computador e clique em Fazer Upload (4)
Para descobrir o endereço da imagem no site, clique em Editar, conforme abaixo:
Assim você poderá saber o endereço desta imagem para utilizar em algumas partes do site. Assim foi feito em Abordagens Profissionais.
Relembrando o local onde foi necessário o endereço da imagem, conforme figura abaixo, representado pelo número (4):
• Como alterar os textos que passam nas imagens principais: (Siga os passos segundo figuras abaixo)
• Alterando as imagens destacadas que ficam na apresentação principal do site: (Siga os passos segundo figuras abaixo)
Aparecerá a seguinte tela:
Clique em procurar, selecione a imagem desejada no seu computador e clique em Fazer Upload. A seguinte tela será apresentada: