7/26/2019 Manual IGual
1/32
Manual de UsoWordpress
7/26/2019 Manual IGual
2/32
Manual de Uso - Wordpress
Ol!Seja bem vindo ao iGual.
Agora voc pode transmitir todas as notcias importantes da suacomunidade de forma mais simples e eficiente.
Mas para que isso acontea, primeiro voc precisa entenderpasso a passocomo usar a plataforma de postagem WORDPRESS.
Est pronto?Ento vamos l!
7/26/2019 Manual IGual
3/32
Manual de Uso - Wordpress
ndiceLogin
1 passo
2 passo
3 passo
Alterar senha provisria
Painel
01
02
03
04
05
Posts
Todos os posts
Adicionar novo
Publicar
Tags
Imagem destacada
Detalhes da imagem destacada
Recorte da imagem
Adicionar mdia
Barra de edio de texto visual
06
07
08
09
10
11
12
13
14 e 15
Tags
Gerenciar suas tags 16
Contato
Adicionar contatos 17
Mdia
Biblioteca
Adicionar nova
18
19
7/26/2019 Manual IGual
4/32
Manual de Uso - Wordpress
Pginas
Todas as pginas
Adicionar nova
20
21
EquipeTodos os colaboradores
Adicionar nova
22
23
Aparncia
Temas 24
Perfil
Gerenciar seu perfil do Wordpress 25 e 26
Configuraes
Configuraes do seu site 27 e 28
7/26/2019 Manual IGual
5/32
Manual de Uso - Wordpress 01/28
Tenha o seu nome de usurioe senhaprovisriaprximos, pois eles permitiro o primeiro
acesso a plataforma wordpress.
Abra o navegador de internet do seu computador. Eu vou usar o Google Chrome mas voc poder usar um navegadora sua escolha.
No campo de URL, indicado na figura, digite o caminho abaixo, substituindo o contedo em azul pelo nome do seu site:
http://igual.ig.com.br/nomedoseusite/wp-admin
1 passo
Provavelmente voc ter recebidoesse caminho diretamente de nossaequipe do iGual.
http://igual.ig.com.br/nomedoseusite/wp-admin
7/26/2019 Manual IGual
6/32
Manual de Uso - Wordpress 02/28
Ir aparecer uma tela, como na figura abaixo, onde voc dever informar o seu
nome de usurioe senhaprovisria.
Assinalando o check Lembrar-mevoc
estar permitindo que o sistema grave o seu
nome de usurio e senha. Assim o seu wordpress
estar sempre conectado, pulando essa segunda
etapa do nosso passo a passo.
Aps digitar o seu nome de usurio e senha,clique no boto Log Inpara se conectar e teracesso a todas as funcionalidades do wordpress.
Esqueceu a sua senha?No se preocupe!
O wordapress ir te ajudar a criar uma nova.
2 passo
7/26/2019 Manual IGual
7/32
Manual de Uso - Wordpress 03/28
Pronto! Voc j est conectado plataforma do Wordpress. Essa a tela de administrao
do seu site.
No menu localizado ao lado esquerdo do seu painel esto todas as funcionalidades que voc poder usar para administraro seu site. Vamos passar daqui a pouco, ponto a ponto, cada uma dessas funcionalidades, mas agora vamos mudar essasenha provisria.
3 passo
7/26/2019 Manual IGual
8/32
Manual de Uso - Wordpress 04/28
Para que o perfil do site fique ainda mais seguro, pedimos que voc altere a senha
provisria antes de fazer qualquer tipo de configurao.
1.Entrar no menu PERFIL e rolar at o final da pgina.
2.Digitar uma nova senha no campo Nova senha.
3.Repetir a digitao da nova senha no campo Repetir nova senha.
4.Clicar no boto Atualizar perfil e PRONTO! Sua senha foi alterada.
Alterar senha provisria
1
2
3
4
7/26/2019 Manual IGual
9/32
Manual de Uso - Wordpress 05/28
O painel lhe dar acesso a todas as reas de Administrao do site alm de oferecer
novidades da plataforma wordpress.
1 - Opes de Tela:permite que voc escolha quais mdulos sero ou no mostrados e em quantas colunas essesmdulos sero organizados.
2 - Ajuda: listar alguns itens de ajuda rpida sobre a plataforma.
AS ABAS ESTARO SEMPRE VISVEIS NO TOPO DAS PGINAS.
Mdulo para rascunho rpido
1 2
Alterar senha provisria
7/26/2019 Manual IGual
10/32
Manual de Uso - Wordpress 06/28
Todos os Posts:Lista de todos os posts criados no seu site.
1.Criar um novo post para o seu site.
2.Filtrar posts por status como, publicados, na lixeira, agendados entre outros.
3.Selecionar os posts no qual voc gostaria de usar alguma ao em massa. Clicar no boto Aplicarpara que a ao se realize.
4.Filtrar os posts por data de criao.
5.Clicar em cima do ttulo do post te leva ao contedo completo do post para Edio.
6.Colocar o mouse sobre a linha do post, aciona mais funcionalidades para o post.
7.Visualizar a lista de posts de duas formas, apenas com seu ttulo ou com ttulo e algumaslinhas do seu contedo.
8.Filtrar posts por Autor e Tags.
9.Indica qual post foi pblicado nos cards de destaque do seu site (mais sobre o template na pgina 00).
1
2
3
4
5
6
7
8
9
Posts
7/26/2019 Manual IGual
11/32
Manual de Uso - Wordpress 07/28
Posts
Adicionar Novo:Criar um novo post para o seu site
1.Ttulo do seu post.2.Espao para incluso do contedo do post.
1
2
M l d U W d 08/28
7/26/2019 Manual IGual
12/32
Manual de Uso - Wordpress 08/28
Posts
Publicar:
1.Existem trs opes de status para o seu post:Salvar como rascunho:a postagem/pgina no est publicada, est apenasem forma de rascunho e permite que o contedo seja postado um outro dia.Reviso pendente:o post est espera de reviso por um editor antes da suapublicao.Publicada:post j est postado - est no ar - em seu site.
2.Visualizar o post antes de ser publicado oficialmente.
3.Para quem esse post visvel? Existem trs opes:Pblico:todos que entrarem em seu site podero ver.Protegido por senha:d acesso somente a quem tiver a senha cadastrada.Privado:que permite apenas ao administrador e aos outros editores do sitea visualizao.
4. Publicar imediatamente o seu post ou definir uma data especfica.
5.Mover post para a lixeira. Mesmo com o post na lixeira voc poder restau-r-lo para publicar ou excluir definitivamente.
12
3
4
5
Mesmo que voc no publique o seu post
naquele momento, no esquea de clicar
no boto Salvar Rascunhopara que as
informaes configuradas no se percam.
M l d U W d 09/28
7/26/2019 Manual IGual
13/32
Manual de Uso - Wordpress 09/28
Posts
Tags:
O que so Tags?Tags ou Etiquetas em portugus, so palavras chaves que classificame organizam informaes, agrupando os contedos que receberema mesma marcao.Porm o mais importante de se usar Tags em seus posts que elas ajudam ossistemas de busca a organizar o contedo de acordo com temas semelhantes.Isso economiza tempo e capacidade de processamento na busca, porque estafocando principalmente nas palavras-chaves.
1.Espao para digitar uma Tag de cada vez ou vrias separadas por vrgula.No h limitaes de quantidade de Tags por post.
2.Lista de Tags adicionadas passveis de excluso.
3.Lista Tags mais usadas em seu site, assim voc poder adicion-las ao seupost com apenas um clique.
Existe ainda um link de acesso direto a todas as tags que iremos comentarmais pra frente no slide 21
igcomunidades wordpress
igcomunidades
1
2
3
Manual de Uso Wordpress 10/28
7/26/2019 Manual IGual
14/32
Manual de Uso - Wordpress 10/28
Posts
Imagem Destacada:
Ao clicar no link Configurar imagem destacadavoc poder escolher umaimagem a partir do seu banco de dados ou poder adicionar uma nova da suamquina.
Essa imagem destacada no ficar no miolo do post ela ser mostrada apenasna estrutura de card na home do seu site.Como na figura abaixo.
O wordpress permite que voc guarde todas as suasmdias em um nico espao. Elas podem ou no estaradicionadas em um post publicado em seu site.
Voc pode optar tambm
por no colocar uma imagemdestacada em seu card.
Lista de Cards:o tamanho ideal da imagem a ser
usada de 316 x 198 pixels oua proporo de 16x10 px.
Manual de Uso - Wordpress 11/28
7/26/2019 Manual IGual
15/32
Manual de Uso - Wordpress 11/28
Posts
Detalhes da Imagem Destacada:
Ao escolher ou adicionar uma mdia em seu banco de dados, ao lado esquerdo
da tela, aparecero todas as informaes detalhadas dessa mdia, como:
seu nomedata em que foi adicionadatamanho em pixel
E voc poder:
1.Editar a mdiacomo dimenso e proporo.
2.Excluir permanentementea mdia do seu banco de dados.
3.Definir um ttulopara a mdia.
4.Configurar uma legenda, que ir aparecer somente se voc utilizara imagem/mdia no miolo do post. Caso noqueira legendas em suas mdiasbasta deixar o campo em branco.
12
3
4
Manual de Uso - Wordpress 12/28
7/26/2019 Manual IGual
16/32
Manual de Uso Wordpress 12/28
Posts
Recorte da Imagem:
1.Para utilizar a ferramenta crop (recorte) na imagem, clique sobre a imagem
2.Arraste o mouse para baixo ainda com o boto pressionado. Aps aparecer a rea pontilhada de corte, o boto crop seacender edite o tamanho desejado e clique sobre o boto crop para que o corte seja concludo
3.Clique no boto Salvarpara que a imagem editada v para o banco de dados.
3
O tamanho ideal para a imgem
usada como destaque no card 316 x 198 px ou a proporo
de 16x10px.
Manual de Uso - Wordpress 13/28
7/26/2019 Manual IGual
17/32
Manual de Uso Wordpress 13/28
Posts
Boto Adicionar Mdia:
1.Ao clicar no boto Adicionar Mdiavoc poder escolhar uma imagem a partir do seu banco 6 de dados ou poder adicio-
nar uma nova.
Diferente da imagem destacada, o boto adicionar Mdia incluir uma imagem no miolo do seu texto.
Aps a escolha da imagem, voc poder configur-la como quiser, como exemplificado na pgina anterior do nosso manual.
Se a imgem escolhida tiver configurada uma legenda, ela aparecer como na imagem de exemplo.
1
Manual de Uso - Wordpress 14/28
7/26/2019 Manual IGual
18/32
p
Posts
Barra de Edio de Texto Visual:
1.Deixar o texto selecionado em NEGRITO.
2.Deixar o texto selecionado em INTLICO.
3.Deixar o texto selecionado RISCADO.
4.Listar texto com marcadores bullets.
5.Listar texto com marcadores 1.numricos.
6.Definir trecho do texto entre aspas.
7.Incluir uma linha horizontal.
8.Alinhar texto e imagem a DIREITA.
9. Alinhar texto e imagem ao CENTRO.
10.Alinhar texto e imagem a ESQUERDA.
11.Inserir link externo ou interno em um trecho do texto sublinhado.
12. Remover link externo ou interno inserido em um trecho do texto.
13. Inserir tag leia mais em um trecho do texto sublinhado.
14. Exibir outras funcionalidades da barra de edio de texto visual
(comentadas abaixo).
1
2
3
4
5
6
7
8
9
10
11
12
13
14
exibir contedoem tela cheia
Manual de Uso - Wordpress 15/28
7/26/2019 Manual IGual
19/32
Posts
Barra de Edio de Texto Visual:
1.Escolher formatos padres de texto.
2.Deixar o texto selecionado SUBLINHADO.
3.JUSTIFICAR texto e imagem.
4.Escolher uma COR para o texto selecionado.
5.Selecionar Colar como texto(???)
6.Limpar formatao do texto selecionado.
7.Abrir lista de caracteres especiais.
8.Diminuir a identao, ou seja, diminuiro respiro que o pargrafo tem da margem.
9.Aumentar a identao, ou seja, aumentaro respiro que o pargrafo tem da margem.
10.Desfazerltimas formataes do texto.
11.Refazerltimas formataes do texto.
12.Lista de atalhos no teclado para determinadas funes de edio
de texto.
1
2 3 4 5
6 7
8 9
10
11 12
7/26/2019 Manual IGual
20/32
Manual de Uso - Wordpress 17/28
7/26/2019 Manual IGual
21/32
Contato
Adicione todos os contatos sociais da sua comunidade, assim fica mais fcil para os
interessados entrarem em contato
Manual de Uso - Wordpress 18/28
7/26/2019 Manual IGual
22/32
Mdia
Biblioteca:
1.Adicionar uma nova mdia ao banco de dados.
2.Filtrar mdias por status como, anexadas, desanexadas, entre outras.3.Selecionar as mdias no qual voc gostaria de usar alguma ao em massa. Clicar no boto Aplicarpara que a ao
se realize.
4.Filtrar todas as mdias por data.
5.Clicar em cima do ttulo da mdia te levar ao contedo completo do mdia para Edio e colocar o mouse sobre a linha,
aciona mais funcionalidades.
6.Pesquisar algum elemento em especial na biblioteca.
7. Upload paraindica onde a mdia j foi tilizada.
12
3
4
5
6
7
Manual de Uso - Wordpress 19/28
7/26/2019 Manual IGual
23/32
Mdia
Adicionar Nova
1.Selecionar entre os arquivos do seu computador, uma nova mdiapara incluso no seu banco de dados. Voc poder
selecionar mais de uma mdia para fazer o upload.
2.Lista de mdias carregadas. Ao solicitar o upload das mdias, elas sero ordenadas em uma lista e seu progresso ser mostradoatravs de uma barra de porcentagem. Ao finalizar seu carregamento - sem erros - um link para edio da mdia se habilitar.
1
2
Manual de Uso - Wordpress 20/28
7/26/2019 Manual IGual
24/32
Pginas
Todas as Pginas
1.Filtrar pginas por status como, publicadas, pendentes entre outros.
2.Selecionar os pginas no qual voc gostaria de usar alguma ao em massa. Clicar no boto Aplicarpara que a aose realize.
3.Filtrar todas as pginas por data.
4. Clicar em cima do nome da pgina te levar ao contedo completo para Edio.
5.Colocar o mouse sobre a linha da pgina aciona mais funcionalidades.
6.Indica quando foi a ltima atualizao de contedo da pgina.
1
23
4
5
6
Manual de Uso - Wordpress 21/28
7/26/2019 Manual IGual
25/32
Pginas
Adicionar Nova
Voc ter duas pginas internas j pr-cadastradas em seu site, Contatoe Sobre, quepodero ser editadas mas no excludas.A incluso de novas pginas s poder ser feitaatravs de um pedido enviado a administrao do iGual.
1.Adicionar uma nova pgina ao seu site. Voc poder configurar essa pgina e enviar a adminstrao um pedido de revisoe possvel aprovao para incluso da pgina em seu site.
2.A pgina enviada para reviso ser indicada na lista com o ttulo Pendente.
1
2
Manual de Uso - Wordpress 22/28
7/26/2019 Manual IGual
26/32
Equipe
Todos os Colaboradores
1.Filtrar pginas por status como, todos os colaboradores, publicados e etc.
2.Selecionar as pginas no qual voc gostaria de usar alguma ao em massa. Clicar no boto Aplicarpara que a aose realize.
3.Filtrar todos os colaboradores por data.
4.Clicar em cima do nome do colaborador te levar ao contedo completo para Edio.
5.Colocar o mouse sobre uma linha aciona mais funcionalidades.
1
23
4
5
Manual de Uso - Wordpress 23/28
7/26/2019 Manual IGual
27/32
Equipe
Adicionar Novo
Todo o contedo inserido nessa tela de Equipe ir aparecer no link de contatosdo seu site.
1.Colocar o nome do colaborador. Esse nome aparecer no card da pgina de contatos.
2. Escrever uma breve biografia do colaborador. Ela tambm ir aparecer no card da pgina de contatos.
3.Para o colaborador tambm podemos incluir uma imagem de destaque, ou seja, aquela imagem que ir aparecer
no card, mas tambm existe a possibilidade de no ser usada uma imagem de destaque (como no caso do slide 11).
1
2
3
Manual de Uso - Wordpress 24/28
7/26/2019 Manual IGual
28/32
Aparncia
Temas
Os sites do iGual tero um tema padro j estruturado e configurado. Porm, clicandono link Configuraesvoc ter acesso a algumas funes de customizao.
Manual de Uso - Wordpress 25/28
7/26/2019 Manual IGual
29/32
Perfil
Seu perfil contm informao sobre voc (sua conta) assim como algumas informaes
pessoais relacionadas ao uso do WordPress.
Dividimos a tela de Perfil em duas partes
1
2
3
4
Manual de Uso - Wordpress 26/28
7/26/2019 Manual IGual
30/32
Perfil
1.Desabilitar a barra de edio de texto visual.
2.Escolher uma nova paleta de cores para o painel do wordpress.
3.Mostrar/esconder a barra de administrao no site enquanto se est conectado.4.Cofigurar dados da sua conta/perfil.
Nome do usurio:usado para se conectar ao perfil do wordpress. No passvel de alterao.
Nome e sobrenome:seu nome e sobrenome
Apelido:aparecer em sua barra de administrao do site
5.Configurar dados de contato.
6.Mudana de senha j comentada nos primeiros passos.
Continuao do final da tela de Configuraes
5
6
Manual de Uso - Wordpress 27/28
7/26/2019 Manual IGual
31/32
Configuraes
Configuraes contm informao para edio do contedo e estrutura do seu site.
1
2
3
4
Dividimos a tela de Configuraes em duas partes
Manual de Uso - Wordpress 28/28
7/26/2019 Manual IGual
32/32
Configuraes
5
Continuao do final da tela de Configuraes
1.Ttulo do Site:Nome do seu site dentro do iGual
2.Descrio:Colocar o Estado e a Cidade em que a sua comunidade se encontra.
3.Endereo de e-mail:E-mail no qual o iGual ir entrar em contato com voc.
4.Funo padro para novo usurio:Identificao dos usurios que administram e alimentam o site.
5.Configurar formatos de visualizao de data e hora na estrutura do seu site.