MVA Web

Área do Cliente

Tutoriais do Site


Informações Importantes

  1. Para o funcionamento do site, é muito importante que você não exclua itens do menu Páginas. Esta área deverá ser utilizada apenas para a alteração do conteúdo das páginas principais.
  2. Mesmo que a Página Principal não possua conteúdo, ela deverá ser mantida, pois também faz parte da estrutura do site.
  3. O menu Mídia exibe todas as imagens publicadas no site. Somente exclua um item se tiver certeza do que está fazendo, pois isso afetará a página/postagem em que esta imagem está contida.
  4. Antes de enviar imagens ou vídeos para o seu site, certifique-se de que o nome do arquivo não contenha nenhum caractere especial, cedilha, til ou acento. O uso desses caracteres pode impedir a exibição da mídia.
  5. Ainda antes de enviar a imagem, nomeie o arquivo com uma descrição sobre ela (ex: “Bandeira do Brasil.jpg”, pois isso facilitará a pesquisa quando você quiser anexá-la em outro post ou página futuramente.

Como Publicar Artigos

  1. No menu Posts (ou Notícias) clique em Adicionar Novo.
  2. Na página que se abrirá, escreva o título e preencha o conteúdo.
  3. No editor de texto, você pode realizar formatações especiais, como: negrito e itálico, por exemplo.
  4. Clicando no botão (+) você pode inserir blocos de conteúdos especiais, como subtítulos, citações, áudios, imagens e vídeos.
  5. Utilize o campo Imagem Destacada para definir a imagem de capa do seu artigo. O tamanho ideal para as imagens destacadas é 1920px x 1080px.
  6. No campo Resumo, escreva um breve parágrafo de chamada para o seu texto, para que ele apareça no índice de artigos do site.
  7. Após realizar todos os ajustes desejados, clique no botão Publicar.
  8. Caso alguma alteração seja necessária, você poderá realizá-la e, após isso, clicar no botão Atualizar.
  9. Se desejar publicar em outro momento ou retirar uma notícia de circulação, no canto superior direito informe que o post é um Rascunho ou então, no box Status e Visibilidade edite a visibilidade para Privado (diferentemente do rascunho, posts Privados são publicados, mas somente podem ser vistos no site por quem estiver logado como administrador ou editor).

Como Inserir Listas com Marcadores

  1. Você pode inserir listas com 3 diferentes estilos de marcadores em seus artigos ou páginas: em formato de bullet, de check ou de seta.
  2. Para começar, adicione um bloco de “Lista” e preencha-o com as informações desejadas.
  3. Por padrão, todas as listas são criadas em formato de bullet. Caso queira alterar o formato, clique no conjunto de bullets e, no painel da direita, expanda o box Avançado.
  4. Se você quiser que a lista seja em formato de check, escreva a palavra check no campo Classes CSS Adicionais. Caso já exista outra classe preenchida no campo, dê um espaço e digite a nova classe ao lado dela.
  5. Se você quiser que a lista seja em formato de seta, escreva seta no campo de classes.
  6. Caso você queira alterar o marcador de apenas um item da lista, clique uma vez sobre esse item antes de preencher o nome da classe.
  7. Atualize o seu post e pronto!

Como Inserir Ícones nos Links e Botões

  1. Você pode adicionar ícones aos links, bullets, títulos ou botões que criar.
  2. Para começar, clique sobre o link ou botão em que deseja inserir o ícone.
  3. No menu da direita clique no box Avançado.
  4. No item Classes CSS Adicionais, escreva o código do ícone que deseja inserir, conforme as opções listadas na tabela abaixo.
  5. Caso queira que o ícone apareça colorido, conforme os exemplos, dê um espaço e adicione também a classe cor.
  6. Se preferir utilizar as cores do seu tema, após o espaço, adicione a classe primaria, secundaria ou terciaria.
  7. Atualize o seu post e pronto!

Como Inserir Imagens nos Artigos

  1. Para inserir uma imagem em seu artigo, na tela de edição do texto utilize o botão (+) para adicionar um bloco de conteúdo e, em seguida, clique no botão Imagem.
  2. Você pode Enviar uma nova foto a partir do seu computador, escolher na Biblioteca de Mídia alguma que já tenha enviado anteriormente ou Inserir a partir do URL especificando o endereço de uma foto hospedada em outro site (o que não recomendamos, pois, se o site onde a imagem está hospedado sair do ar, a foto deixará de aparecer no seu site).
  3. Antes de enviar imagens ou vídeos para o seu site, certifique-se de que o nome do arquivo não contenha nenhum caractere especial, cedilha, til ou acento. O uso desses caracteres pode impedir a exibição da mídia.
  4. Ainda antes de enviar a imagem, nomeie o arquivo com uma descrição sobre ela (ex: “Bandeira do Brasil.jpg”, pois isso facilitará a pesquisa quando você quiser anexá-la em outro post ou página futuramente.
  5. Na janela de mídia, preencha o campo Texto Alternativo (a descrição que será exibida sempre que cada imagem for maximizada) e, se desejar, a Legenda (texto que ficará por cima de cada imagem na galeria).
  6. Ao final, clique no botão Selecionar.
  7. Após inserir a imagem, você poderá mantê-la centralizada ou alinhá-la à esquerda ou direita.
  8. Ao alinhar lateralmente a imagem, no menu à à direita você poderá definir as Dimensões da Imagem, ajustando a proporção da largura da foto (25%, 50%, 75% ou 100%) em relação ao texto.
  9. Em Configurações do Link, defina para onde a foto apontará quando clicada. Para que ela seja maximizada, escolha Arquivo de Mídia.

Como Inserir Galerias nos Artigos

  1. Para inserir uma galeria de fotos em seu artigo, na tela de edição do texto utilize o botão (+) para adicionar um bloco de conteúdo e, em seguida, clique no botão Galeria. Você pode Enviar novas fotos a partir do seu computador ou escolher na Biblioteca de Mídia imagens que já tenha enviado anteriormente.
  2. Antes de enviar imagens ou vídeos para o seu site, certifique-se de que o nome do arquivo não contenha nenhum caractere especial, cedilha, til ou acento. O uso desses caracteres pode impedir a exibição da mídia.
  3. Ainda antes de enviar a imagem, nomeie o arquivo com uma descrição sobre ela (ex: “Bandeira do Brasil.jpg”, pois isso facilitará a pesquisa quando você quiser anexá-la em outro post ou página futuramente.
  4. Clique para selecionar as imagens desejadas e, ao final, clique em Criar uma nova galeria.
  5. Na janela de edição da galeria, preencha em cada foto o campo Texto Alternativo (a descrição que será exibida sempre que cada imagem for maximizada) e, se desejar, a Legenda (texto que ficará por cima de cada imagem na galeria).
  6. Ao final, clique no botão Inserir Galeria.
  7. No menu à direita você poderá especificar o número de colunas que a galeria terá. A disposição e o formato de cada imagem serão ajustados automaticamente para o melhor resultado visual.
  8. No campo Apontar para, defina para onde as fotos apontarão quando clicadas. Para que elas sejam maximizadas, escolha Arquivo de Mídia.

Como Inserir Vídeos nos Artigos

  1. Para inserir um vídeo em seu artigo, na tela de edição do texto utilize o botão (+) para adicionar um bloco de conteúdo e, na aba Formatação, clique no botão Vídeos.
  2. Você pode Enviar um novo vídeo a partir do seu computador, escolher na Biblioteca de Mídia algum que já tenha enviado.
  3. Após inserir o vídeo, passando o mouse sobre ele você poderá utilizar as setinhas na lateral esquerda para posicionar o bloco antes ou depois do parágrafo desejado.
  4. Clicando sobre o vídeo, o painel da direita trará ajustes e configurações para ele, como caixas para definir o carregamento automático e um campo para envio de uma imagem de capa.
  5. Para a grande maioria dos casos, especialmente para vídeos com mais de 5mb, é altamente recomendado que o vídeo seja hospedado no Youtube ou Vimeo e anexado ao site.
  6. Para inserir vídeos do Youtube ou Vimeo, basta copiar o endereço do vídeo e colar em um novo parágrafo do seu texto. Assim que o endereço for colado no editor, ele se transformará automaticamente no vídeo embutido.

Como Alterar o Conteúdo do Rodapé

  1. No menu Aparência, clique em Widgets.
  2. Próximo ao centro da tela você verá o box Footer. Clique para expandir o box e altere o conteúdo.
  3. Caso você encontre um bloco de HTML Personalizado tome cuidado ao alterar as informações e mantenha eventuais marcações de código, pois estas se referem à formatação do conteúdo.
  4. Clique no botão Salvar para concluir as alterações.

Abrir Área do Cliente em Nova Janela

Leia no Blog MVA Web