Manual de uso

INNAM.COM.BR PORTAL 2016

Felipe Beltam Malafaia

| MALAFAIAALVES@GMAIL.COM
ndice

Introduo........................................................................................................................2
Conhecendo o portal........................................................................................................3
Acessando o Portal...........................................................................................................5
Modificando o portal........................................................................................................6
Trocando destaques..............................................................................................8
Modificando a Seo Sobre...................................................................................9
Alterando a Seo Promoo..............................................................................10
Trocando prximos eventos...............................................................................10
Modificando a Seo Objetivo............................................................................11
Alterando a Seo Contato.................................................................................12
Criando e editando pginas............................................................................................13
Criando e editando posts................................................................................................16
Para no esquecer............................................................................................................17
Consideraes finais......................................................................................................18

1
Introduo
Ol caro leitor!

O novo portal do innam chegou! Agora utilizando a maior

plataforma de criao de sites o WordPress; mais dinmico,
mais bonito e mais funcional. O WordPress uma plataforma
semntica de vanguarda para publicao pessoal, com foco na
esttica, nos Padres Web e na usabilidade. Ao mesmo tempo
um software livre, gratuito e feito por voc. Em outras
palavras, o WordPress o que voc usa quando quer
trabalhar e no lutar com seu software de publicao de
contedo, sendo hoje a maior plataforma de Gerenciamento
de Contedo do mundo, com quase 70% do mercado. Fcil de
usar e muito mais dinmico que outros mtodos, com esse
manual de XXXXXXXXX pginas voc vai aprender o bsico
para Gerenciar o bsico do portal do Innam.

Conhecendo o portal
O novo portal do Innam dividido em sees, so elas:

2
1. Menu inicial
Responsvel pela navegao rpida dentro do portal.

2. Carrossel de destaque (slider)

Com suporte a at 4 postagens destacveis o Carrossel o primeiro item que os visitantes tem
acesso no site.

3. Sobre (about section)

A Seo sobre trs uma breve descrio dos valores da empresa assim como uma biografia
simplificada, aqui at 3 valores podem ser destacados.

4. Promocional ( First Promotional Block Section)

A Seo de inscrio vem com um pequeno texto convidando o visitante a se inscrever previamente
garantindo um desconto e um boto que redireciona o mesmo para a pgina com o formulrio de
inscrio.

5. Programao (Team Section)

Mostrando no mximo 3 eventos a Seo de programao resumida e apresenta as informaes
do evento quando o usurio aponta o mouse em cima das imagens.

6. Objetivo (Testimonial Section)

Seo que contm um pequeno texto descrevendo o objetivo da empresa.

7. Contato (Contact Section)

Contm as informaes para contato (endereo, e-mail, telefone, fax, Facebook, Twitter, Pinterest,
Linked In e Google +) e um formulrio para contato.

3
4
Acessando o Portal
Para acessar o portal acesse o link www.innam.com.br/wp-admin e preencha os campos com os
dados que voc recebeu do administrador.

Caso voc ainda no tenha os dados de acesso envie e-mail para: malafaiaalves@gmail.com

Lembre-se: As postagens feitas assim como respostas dadas a comentrios so

nominais ao usurio logado.

5
Modificando o portal
A modificao do portal para fins prticos deve ser feita Seo por Seo. As sees funcionam
como pequenos reservatrios de contedo. Em sua maioria (as excees sero tratadas abaixo) as
modificaes so feitas acessando o menu PERSONALIZAR que est dentro do grupo APARNCIA, que
visualizado assim que voc loga na zona de administrao.

Ao clicar em personalizar voc ser levado a zona de personalizao, os menus em cascata do lado
esquerdo reservam as diversas que modificaes podem ser feitas no site, no final desse menu voc tem 3
opes que modificam o campo de visualizao do lado direito (desktop, tablete e mobile; basta clicar e
verificar as modificaes em outros dispositivos).

6
O Primeiro menu que vamos explorar o SLIDER SETTINGS que define o carrossel dos destaques da nossa
home page.

7
Trocando destaques
Clicando em Slider Settings a cascata revelar as opes de
customizaes (como a imagem ao lado).
As opes de caixa habilitam respectivamente:
A presena do carrossel
As transies entre imagens
A repetio de imagens
Os botes de navegao do carrossel
As legendas.

O efeito de troca entre as imagens pode ser deslizando (slide) ou com

um efeito de desaparecimento (fade). O efeito desejado escolhido em
Slider Animation.

Readmore Text define a mensagem que aparece no carrossel.

O carrossel suporta at 4 destaques que so selecionados nas caixas

Post one, Post two..., esses destaques so amostras de posts que J
DEVEM EXISTIR NO SITE. Se voc ainda no sabe criar um post, v para
o captulo Criando e editando Posts.

ATENO: CUIDADO AO
SELECIONAR UM
DESTAQUE, POR CONTA
DA SEO
PROGRAMAO VO EXISTIR DOIS POSTS PARECIDOS. A
DIFERENA QUE OS POSTS DA SEO PROGRAMAO SO
MAUSCULOS ENQUANTO OS DESTAQUES NO.

Modificando a Seo Sobre

As outras sees do site so modificadas acessando o menu Home Page Settings, por hora vamos focar
na Seo About(sobre)

8
A primeira caixa garante a presena da Seo na home page.
About Section Menu Title d nome a Seo
Select Page Mostra a pgina Sobre que j foi criada
previamente e pode ser editada na Zona de administrao assim
que se loga ao site. (para mais informaes sobre alteraes
deste contedo visite o captulo Criando editando Pages)
Os posts citados na seleo so mostrados como Imagens
(para mais informaes sobre alteraes deste contedo visite o
captulo Criando e editando Posts).

9
Alterando a Seo Promoo
A First Promotional Block Section bem simples, sua alterao se resume em:

Permitir sua visualizao no site.

Alterar o ttulo da Seo

O texto que acompanha o boto

O texto do boto

O link para o qual o boto redireciona

(pgina criada previamente)

Trocando prximos eventos

A rea de Programao customizada no menu Team Section, as informaes mostradas aqui so todas
provenientes de pginas e posts criados previamente

10
 Permitir sua visualizao no site.
Alterar o ttulo da Seo

Pgina para dar nome a Seo

Categoria escolhe os 3 posts da categoria escolhida

(Para atualizar as imagens de programao, basta editar os posts
originais)

Modificando a Seo Objetivo

A seo Objetivo mostra o contedo de uma pgina (criada previamente). Para alterar o contedo da
seo visite o menu Testimonial Section
Permitir sua visualizao no site.

Altera o ttulo da Seo

Pgina que vai ter o contedo exibido

Deixe a categoria como Choose Category

11
Alterando a Seo Contato

Abra o menu Contact Section

Permitir sua visualizao no site.

Alterar o ttulo da Seo

Seleciona a pgina que ter o contedo exibido

Cdigo do formulrio criado no menu Form Contato exibido na

zona de administrao

O ttulo da rea de informaes pra contato

A mensagem para o visitante

Endereo

Telefone

Fax

Email

Criando e editando pginas

12
No WordPress, voc pode criar posts e pginas. Postagens aparecem automaticamente em ordem
cronolgica inversa na pgina inicial do seu blog. Pginas, por outro lado, so para contedo esttico.

Pginas ficam fora da cronologia normal do blog e muitas vezes so utilizadas para apresentar informaes
sobre voc ou seu site, o que de alguma forma atemporal - informao que so sempre aplicveis. Voc
pode usar pginas para organizar e gerenciar qualquer quantidade de contedo.

Nos captulos anteriores voc j viu quais sees utilizam pginas, mas para relembrar:
Sobre
Reserva
Eventos
Objetivo
Contato
Para criar ou editar pginas, acesse www.innam.com.br/wp-admin e na zona de administrao clique em
PGINAS

Voc ser redirecionado para uma pgina como a mostrada abaixo

13
14
 Lembre-se: A alterao de pginas j criadas algo que pode mudar a
estrutura do site, s realize esse tipo de ao se souber o que est fazendo.

15
Criando e editando posts
Posts so as entradas multimdias que preenchem o corpo de sites wordpress em geral, no nosso caso,
posts so os contedos que nossas sees geralmente apresentam. Para criar um novo post, na zona de
administrao clique em POSTS e depois em Adicionar Novo.

Existem 4 coisas bsicas que devem ser preenchidas na criao de um post, o ttulo do post, o corpo do
texto, a categoria e a imagem destacada

Dependendo da categoria voc deve preencher os dados da seguinte forma:

16
Destaques:
Ttulo Regular
Corpo de Texto Regular
Imagem 1920x780 com textos orientados do lado esquerdo

Evento:
Ttulo MAISCULO
Corpo de texto regular
Imagem JPG 500x500

Sobre:
Ttulo regular
Corpo de texto regular
Imagem PNG 500x500

Para no esquecer

Criar post PERSONALIZAR Salve e

Ttulo. Dentro do menu publique
Caixa de Texto. Aparncia. Pronto! Seu site
Categoria. Altere o contedo est atualiado
Imagem conforme desejo. para o mundo ver.
destacada.
PUBLICAR.

17
 Consideraes finais
O wordpress uma plataforma simples e de fcil aprendizado, alguns poucos minutos a ss estudando-a j
garantem uma familiaridade com a mesma. Tome um tempo para conhece-la, descubra o que ela capaz,
melhore seus posts, atinja KPI com o novo portal agora mais atrativo no s visualmente, qualquer dvida
sobre o uso do portal voc pode

Acessar o cdex Wordpress (site oficial com toda a documentao do site):

https://codex.wordpress.org/P%C3%A1gina_Inicial

Acesse a documentao oficial (em ingls) do tema original:

https://raratheme.com/documentation/business-one-page/

Ou envie um e-mail para:

malafaiaalves@gmail.com

Bons negcios!

Felipe Malafaia

18