Manual de Uso

Wordpress

Manual de Uso - Wordpress

Ol!
Seja bem vindo ao iGual.
Agora voc pode transmitir todas as notcias importantes da sua
comunidade de forma mais simples e eficiente.
Mas para que isso acontea, primeiro voc precisa entender
passo a passo como usar a plataforma de postagem WORDPRESS.
Est pronto?
Ento vamos l!

Manual de Uso - Wordpress

ndice
Login
1 passo

01

2 passo

02

3 passo

03

Alterar senha provisria

04

Painel

05

Todos os posts

06

Adicionar novo

07

Publicar

08

Tags

09

Imagem destacada

10

Detalhes da imagem destacada

11

Recorte da imagem

12

Adicionar mdia

13

Posts

Barra de edio de texto visual

14 e 15

Tags
Gerenciar suas tags

16

Contato
Adicionar contatos

17

Biblioteca

18

Adicionar nova

19

Mdia

Manual de Uso - Wordpress

Pginas
Todas as pginas

20

Adicionar nova

21

Equipe
Todos os colaboradores

22

Adicionar nova

23

Aparncia
Temas

24

Perfil
Gerenciar seu perfil do Wordpress

25 e 26

Configuraes
Configuraes do seu site

27 e 28

01/28

Manual de Uso - Wordpress

1 passo
Tenha o seu nome de usurio e senha provisria prximos, 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 navegador
a 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

http://igual.ig.com.br/nomedoseusite/wp-admin

Provavelmente voc ter recebido

esse caminho diretamente de nossa
equipe do iGual.

02/28

Manual de Uso - Wordpress

2 passo
Ir aparecer uma tela, como na figura abaixo, onde voc dever informar o seu
nome de usurio e senha provisria.

Assinalando o check Lembrar-me voc

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 In para se conectar e ter
acesso a todas as funcionalidades do wordpress.

Esqueceu a sua senha? No se preocupe!

O wordapress ir te ajudar a criar uma nova.

Manual de Uso - Wordpress

03/28

3 passo
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 administrar
o seu site. Vamos passar daqui a pouco, ponto a ponto, cada uma dessas funcionalidades, mas agora vamos mudar essa
senha provisria.

04/28

Manual de Uso - Wordpress

Alterar senha provisria

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.
1

2
3

05/28

Manual de Uso - Wordpress

Alterar senha provisria

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 esses
mdulos 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

06/28

Manual de Uso - Wordpress

Posts
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

4
9

5
6

07/28

Manual de Uso - Wordpress

Posts
Adicionar Novo: Criar um novo post para o seu site
1. Ttulo do seu post.
2. Espao para incluso do contedo do post.

08/28

Manual de Uso - Wordpress

Posts
Publicar:
1. Existem trs opes de status para o seu post:
Salvar como rascunho: a postagem/pgina no est publicada, est apenas
em 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 sua
publicao.
Publicada: post j est postado - est no ar - em seu site.
2

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 site
a visualizao.

3
4

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 restaur-lo para publicar ou excluir definitivamente.

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.

09/28

Manual de Uso - Wordpress

Posts
Tags:
O que so Tags?
Tags ou Etiquetas em portugus, so palavras chaves que classificam
e organizam informaes, agrupando os contedos que receberem
a mesma marcao.
Porm o mais importante de se usar Tags em seus posts que elas ajudam os
sistemas de busca a organizar o contedo de acordo com temas semelhantes.
Isso economiza tempo e capacidade de processamento na busca, porque esta
focando principalmente nas palavras-chaves.

1
2

1. Espao para digitar uma Tag de cada vez ou vrias separadas por vrgula.
No h limitaes de quantidade de Tags por post.

igcomunidades
3

2. Lista de Tags adicionadas passveis de excluso.

igcomunidades wordpress

3. Lista Tags mais usadas em seu site, assim voc poder adicion-las ao seu
post com apenas um clique.
Existe ainda um link de acesso direto a todas as tags que iremos comentar
mais pra frente no slide 21

10/28

Manual de Uso - Wordpress

Posts
Imagem Destacada:

O wordpress permite que voc guarde todas as suas

mdias em um nico espao. Elas podem ou no estar
adicionadas em um post publicado em seu site.
Ao clicar no link Configurar imagem destacada voc poder escolher uma
imagem a partir do seu banco de dados ou poder adicionar uma nova da sua
mquina.
Essa imagem destacada no ficar no miolo do post ela ser mostrada apenas
na estrutura de card na home do seu site.
Como na figura abaixo.

Voc pode optar tambm

por no colocar uma imagem
destacada em seu card.

Lista de Cards:
o tamanho ideal da imagem a ser
usada de 316 x 198 pixels ou
a proporo de 16x10 px.

11/28

Manual de Uso - Wordpress

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 nome
data em que foi adicionada
tamanho em pixel
E voc poder:

1
2

1. Editar a mdia como dimenso e proporo.

3

2. Excluir permanentemente a mdia do seu banco de dados.

3. Definir um ttulo para a mdia.
4. Configurar uma legenda, que ir aparecer somente se voc utilizar
a imagem/mdia no miolo do post. Caso noqueira legendas em suas mdias
basta deixar o campo em branco.

12/28

Manual de Uso - Wordpress

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 se
acender
edite o tamanho desejado e clique sobre o boto crop para que o corte seja concludo
3. Clique no boto Salvar para que a imagem editada v para o banco de dados.

O tamanho ideal para a imgem

usada como destaque no card
316 x 198 px ou a proporo
de 16x10px.

13/28

Manual de Uso - Wordpress

Posts
Boto Adicionar Mdia:
1. Ao clicar no boto Adicionar Mdia voc poder escolhar uma imagem a partir do seu banco 6 de dados ou poder adicionar 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.

14/28

Manual de Uso - Wordpress

Posts
Barra de Edio de Texto Visual:
1. Deixar o texto selecionado em NEGRITO.

8. Alinhar texto e imagem a DIREITA.

2. Deixar o texto selecionado em INTLICO.

9. Alinhar texto e imagem ao CENTRO.

3. Deixar o texto selecionado RISCADO.

10. Alinhar texto e imagem a ESQUERDA.

4. Listar texto com marcadores bullets.

11. Inserir link externo ou interno em um trecho do texto sublinhado.

5. Listar texto com marcadores 1.numricos.

12. Remover link externo ou interno inserido em um trecho do texto.

13. Inserir tag leia mais em um trecho do texto sublinhado.

6. Definir trecho do texto entre aspas.

14. Exibir outras funcionalidades da barra de edio de texto visual

7. Incluir uma linha horizontal.

(comentadas abaixo).

2
1

4
3

6
5

8
7

10
9

12
11

14
13
exibir contedo
em tela cheia

15/28

Manual de Uso - Wordpress

Posts
Barra de Edio de Texto Visual:
10. Desfazer ltimas formataes do texto.

1. Escolher formatos padres de texto.

11. Refazer ltimas formataes do texto.

2. Deixar o texto selecionado SUBLINHADO.
12. Lista de atalhos no teclado para determinadas funes de edio

3. JUSTIFICAR texto e imagem.

de texto.
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, diminuir o respiro que o pargrafo tem da margem.
9. Aumentar a identao, ou seja, aumentar o respiro que o pargrafo tem da margem.

10

1
2

11

12

16/28

Manual de Uso - Wordpress

Posts
Tags: Lista de todas as tags j criadas.
1. Alm da lista de tags j criadas que voc pode editar, existe a possbilidade de voc criar novas.
2. Adicionando seu nome.
3. Se desejar poder incluir uma descrio
4. Aps preenchidos, clique no boto adicionar nova tagpara que a mesma seja adicionada na lista ao lado direito.

Manual de Uso - Wordpress

Contato
Adicione todos os contatos sociais da sua comunidade, assim fica mais fcil para os
interessados entrarem em contato

17/28

18/28

Manual de Uso - Wordpress

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 para indica onde a mdia j foi tilizada.

6
4

3
7
5

19/28

Manual de Uso - Wordpress

Mdia
Adicionar Nova
1. Selecionar entre os arquivos do seu computador, uma nova mdia para 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 mostrado
atravs de uma barra de porcentagem. Ao finalizar seu carregamento - sem erros - um link para edio da mdia se habilitar.

20/28

Manual de Uso - Wordpress

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 ao
se 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
3

4
5

21/28

Manual de Uso - Wordpress

Pginas
Adicionar Nova

Voc ter duas pginas internas j pr-cadastradas em seu site, Contato e Sobre, que
podero ser editadas mas no excludas. A incluso de novas pginas s poder ser feita
atravs 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 reviso
e possvel aprovao para incluso da pgina em seu site.
2. A pgina enviada para reviso ser indicada na lista com o ttulo Pendente.

22/28

Manual de Uso - Wordpress

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 ao
se 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
2
4
5

23/28

Manual de Uso - Wordpress

Equipe
Adicionar Novo

Todo o contedo inserido nessa tela de Equipe ir aparecer no link de contatos do 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).

Manual de Uso - Wordpress

Aparncia
Temas

Os sites do iGual tero um tema padro j estruturado e configurado. Porm, clicando

no link Configuraes voc ter acesso a algumas funes de customizao.

24/28

25/28

Manual de Uso - Wordpress

Perfil
Seu perfil contm informao sobre voc (sua conta) assim como algumas informaes
pessoais relacionadas ao uso do WordPress.

3
4

Dividimos a tela de Perfil em duas partes

26/28

Manual de Uso - Wordpress

Perfil
Continuao do final da tela de Configuraes

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.
5

27/28

Manual de Uso - Wordpress

Configuraes
Configuraes contm informao para edio do contedo e estrutura do seu site.

Dividimos a tela de Configuraes em duas partes

28/28

Manual de Uso - Wordpress

Configuraes
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.