Manual IGual

7/26/2019 Manual IGual

1/32

Manual de UsoWordpress


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!


3/32


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


4/32


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


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


6/32


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/32


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


8/32


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

4


9/32


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



10/32


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


11/32


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


12/32


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


13/32


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


14/32


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.



15/32


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



16/32


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.



17/32


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



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



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


20/32



21/32

Contato

Adicione todos os contatos sociais da sua comunidade, assim fica mais fcil para os

interessados entrarem em contato



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



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



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



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



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



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



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.



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



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



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



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.

Documents

Manual IGual