Mudanças entre as edições de "Personalizar Site Padrão"

De WikiBase
Linha 1: Linha 1:
Aqui você irá aprender como personalizar o seu site.
 
  
  
== Como atualizar o conteúdo do meu site? ==
+
Aqui você irá aprender como personalizar o seu site:
  
Primeiro entrar no link www.endereçodoseusite.com.br/wp-admin e preencher o login e senha. Após isso entrará a tela com o painel de controle do Wordpress.
 
  
 +
== Como atualizar as páginas do meu site? ==
  
[[Arquivo:site-padrao1.jpg|center]]
+
Primeiro digite no browser seu link, por exemplo: www.endereçodoseusite.com.br/wp-admin e insira o seu login e senha. Sendo assim, será exibida a tela com o painel de controle do WordPress.
  
  
Para alterar o conteúdo das páginas que existem no site que foi criado basta ir  no menu:
+
[[Arquivo:WordPress_Tela_Painel_de_Controle.JPG|center]]
Páginas > e clicar no Editar abaixo do título da página desejada.
+
  
  
[[Arquivo:site-padrao2.jpg|center]]
+
Para alterar o conteúdo das páginas do seu site, clique em Páginas > Todas as Páginas.
  
  
Para adicionar novas páginas no site da empresa clicar no menu lateral em
+
[[Arquivo:WordPress_Todas_as_Paginas.JPG|center]]
Páginas > Adicionar nova
+
  
  
[[Arquivo:site-padrao3.jpg|center]]
+
Ao visualizar "Todas as Páginas" que o site contém, posicione o cursor no nome da página que deseja alterar e quando as opções forem exibidas, clique em <font size=+2 color=red>'''"Editar"'''</font>.
  
  
Para alterar o texto da página inicial do site no menu clique em Posts >  Editar > e abaixo do título clicar em Editar
+
[[Arquivo:WordPress_Tela_Editar_Pagina.JPG|center]]
  
  
[[Arquivo:site-padrao4.jpg|center]]
 
  
 +
Para adicionar novas páginas no site da empresa, ao lado esquerdo da tela, clique no menu Páginas > Adicionar Nova.
  
Preencher o título e na caixa de texto abaixo com o texto descritivo desejado (pode copiar colar do Word, Bloco de Notas, etc) e para finalizar clicar no botão Atualizar post. Obs: lembrar de observar se a aba ativada na caixa de texto é a Visual.
 
  
 +
[[Arquivo:WordPress_Adicionar_Pagina.jpg|center]]
  
[[Arquivo:site-padrao5.jpg|center]]
 
  
 +
== Como incluir imagens nas páginas do meu site? ==
  
== Como incluir o logotipo da minha empresa no site? ==
+
Para incluir imagem nas páginas do site, clique no menu Páginas > Todas as Páginas. Posicione o cursor no título da página desejada e clique em <font size=+2 color=red>'''"Editar"'''</font>.
  
No menu a esquerda clicar em Aparência > Widget. Na tela seguinte na lateral direita selecione Logo da empresa clique no botão Mostrar.
 
  
 +
[[Arquivo:WordPress_Incluir_Imagem_Todas_Paginas.jpg|center]]
  
[[Arquivo:site-padrao6.jpg|center]]
 
  
 +
Para adicionar, clique em "Upload/Inserir"(Adicionar Mídia).
  
Logo abaixo aparecerá uma caixa com o título Incluir Logomarca clique no link Editar.
 
  
  
[[Arquivo:site-padrao7.jpg|center]]  
+
[[Arquivo:WordPress_Incluir_Imagem_Pagina.JPG|center]]
  
  
Após isso clique no botão Enviar arquivo e selecione o diretório onde está o logotipo (somente são aceitas imagens jpg e gif) >  Enviar > Concluído. Não esqueça que para finalizar tem que clicar no botão Salvar alterações.  
+
Quando a tela para captura da imagem/mídia for aberta, escolha a aba de acordo com o local em que a imagem está armazenada ou será extraída.  
  
  
[[Arquivo:site-padrao8.jpg|center]]  
+
[[Arquivo:WordPress_Adicionar_Midia.JPG|center]]  
  
  
== Como incluir fotos e banners nas minhas páginas? ==
 
  
A inclusão de imagens nas páginas pode ser feita de duas maneiras: a primeira não incluí instantaneamente, para incluir por esse método clique no menu lateral na opção Mídia > Adicionar Novo e depois no botão Selecionar arquivos. A segunda forma é a mais fácil pois permite a inclusão de imagens no momento da edição de textos. Para abrir a janela de inclusão de imagens no momento da inclusão de textos clique no ícone que parece um splash.
+
{| style="border-spacing:0;width:100%;"
 +
| style="background-color:#F18F8F;border:none;padding:0.097cm;width:100px;"| [[Imagem:Atencao.png|center]]
 +
| style="background-color:#F18F8F;border:none;padding:0.097cm;"|
  
 +
'''Leia atentamente as instruções da aba escolhida.'''
  
[[Arquivo:site-padrao9.jpg|center]]
+
|}
  
  
Após clicar no ícone abrirá uma janela, clique no botão Selecionar arquivos e procure o diretório onde está o arquivo desejado.
+
No exemplo ilustrado, foi utilizado um arquivo que estava armazenado no computador. Após carregar a imagem, é obrigatório inserir um título. Observe que este campo é marcado por um <font size=+2 color=red>'''* '''</font>. E ainda, há opções de adicionar maiores descrições, alinhar a mídia, etc. Ao concluir, clique em "Inserir no Post" para adicionar ao texto ou "Salvar todas as mudanças" para armazenar na Galeria do WordPress.
  
  
[[Arquivo:site-padrao10.jpg|center]]  
+
[[Arquivo:WordPress_Midia_Adicionada.jpg|center]]
  
  
Obs: observe que no topo da janela tem outras abas, De URL que incluí imagens da web e Arquivos de Mídia para o caso da imagem ter sido incluída pelo método 1 de cadastro e para o caso do cliente já ter incluído uma foto e por exemplo e quer usar a mesma em outras páginas.
 
  
 +
Após adicionar a imagem na página, clique em "Atualizar" para que seja exibida no site.
  
== Como alterar o tema do site (layout)? ==
 
  
No menu lateral clicar em Aparência > Temas.
 
  
 +
[[Arquivo:WordPress_Mídia_Adicionada_Atualizada.JPG|center]]
  
[[Arquivo:site-padrao11.jpg|center]]
+
== Como incluir notícias  (item disponível somente para os temas: Heloise, Thais, Karina e Tabatha) ==
  
  
Na tela seguinte clique na imagem que é uma miniatura do tema para visualizar em tamanho maior e clique em Ativar no topo da janela.
+
No menu lateral, clique em Posts > Adicionar Novo.  
  
  
[[Arquivo:site-padrao12.jpg|center]]  
+
[[Arquivo:WordPress_Adicionar_Post.jpg|center]]
  
  
[[Arquivo:site-padrao13.jpg|center]]
+
Na tela de edição do post, insira o título da notícia e após, o conteúdo que você deseja publicar. Ao concluir, clique em "Publicar".
  
  
== Como alterar o título dos serviços (login, busca rápida, destaques)? ==
+
[[Arquivo:WordPress_Inserir_Novo_Post.jpg|center]]
  
No menu a esquerda clicar em Aparência > Widgets. Na tela seguinte na lateral direita selecionar o widget (serviço) desejado e clicar no botão Mostrar, após isso aparecerá logo abaixo uma caixinha com o widget desejado. Clique no link Editar e altere o nome do serviço. Não se esqueça de clicar nos botões Concluído e logo após no Salvar alterações. Obs: No caso do widget de destaques dependendo do plano do cliente possibilita que ele mude o número de imóveis em destaque que aparecerão na página principal do site.
 
  
  
[[Arquivo:site-padrao14.jpg|center]]
+
== Como editar notícias (item disponível somente para os temas: Heloise, Thais, Karina e Tabatha) ==
  
  
== Como incluir mais destaques de imóveis no meu site? ==
+
Para alterar uma notícia, clique no menu Post > Todos os Posts.
  
No menu a esquerda clicar em Aparência > Widgets.
 
  
 +
[[Arquivo:WordPress_Editar_Post.jpg|center]]
  
'''Para incluir destaques na parte central do site:'''
 
  
* Primeiro clique em Destaque da Página Principal e clique em Mostrar.
 
* Após isso clicar em Destaque Horizontal Lista > Adicionar.
 
  
 +
Ao serem exibidos todos os posts que o site possui, posicione o cursor no título do post desejado e clique em '''<font size=+2 color=red>"Editar"</font>'''.
 +
  
[[Arquivo:site-padrao18.jpg|center]]  
+
[[Arquivo:WordPress_Todas_as_Post.jpg|center]]  
  
  
* Na lateral direita clicar em Destaque Horizontal Lista  > Editar.
 
* Personalize a quantidade de imóveis que deseja que apareça e a finalidade (Todas, Venda, Aluguel, etc).
 
* Clique no botão Concluído e após no botão Salvar para finalizar a alteração.
 
  
 +
Ao abrir a tela de edição do post, altere os itens desejados, por exemplo, título, texto, etc. Ao finalizar, clique em "Atualizar". Observe se a aba ativada na caixa de texto é a "Visual".
  
[[Arquivo:site-padrao19.jpg|center]]
 
  
 +
[[Arquivo:WordPress_Post_Editado_Atualizar.jpg|center]]
  
'''Para incluir destaques na área lateral do site (abaixo da pesquisa de imóveis):'''
 
  
* Primeiro clique em Destaque Vertical e depois no botão Mostrar.
+
Caso a aba escolhida seja a "HTML", ao alterar o texto, verifique as marcações dos códigos HTML, para não apagá-los ou alterá-los. Quando a edição for concluída, clique no botão “Atualizar”.  
* Após isso clicar em Destaque Vertical Lista > Adicionar e Destaque Vertical Tabela > Adicionar para incluir os módulos de destaque na lateral do site. Você pode optar por incluir somente um ou os dois.
+
  
  
[[Arquivo:site-padrao20.jpg|center]]  
+
[[Arquivo:WordPress_Página_HTLM.jpg|center]]
  
 +
== Como incluir o logotipo da minha empresa no site? ==
  
* Na lateral direita clicar em Destaque Vertical Lista  > Editar .
 
* Personalize a quantidade de imóveis que deseja que apareça e a finalidade (Todas, Venda, Aluguel, etc).
 
* Clique no botão Concluído e após no botão Salvar para finalizar a alteração.
 
* Para personalizar o Destaque Vertical Tabela siga os mesmos passos acima.
 
  
 +
No menu lateral, clique em Aparência > Widgets.
  
[[Arquivo:site-padrao21.jpg|center]]
 
  
 +
[[Arquivo:WordPress_Incluir_Logomarca.jpg|center]]
  
== Como alterar endereço e telefone da empresa que aparece no site? ==
 
  
No menu a esquerda clicar em Aparência > Widget. Na tela seguinte na lateral direita selecione Endereço clique no botão Mostrar.
+
Na tela de widgets, na área "Widgets disponíveis", clique em cima do widget "Logomarca" e arraste até para dentro do widget "Logo da sua empresa" localizado ao lado direito.
  
  
[[Arquivo:site-padrao15.jpg|center]]
 
  
 +
[[Arquivo:WordPress_Adicionar_Widgets.jpg|center]]
  
Logo abaixo aparecerá uma caixa com o título Incluir Endereço clique no link Editar.
 
  
  
[[Arquivo:site-padrao16.jpg|center]]
 
  
 +
Ao posicionar o widget "Logomarca", clique em "Selecionar arquivo" para buscar a imagem que será anexada.
  
Preencha com a informação desejada clique no botão Concluído. Não esqueça que para finalizar tem que clicar no botão Salvar alterações.
 
  
 +
[[Arquivo:WordPress_Widget_Incluir_Logomarca.jpg|center]]
  
[[Arquivo:site-padrao17.jpg|center]]
 
  
  
== Como alterar meu logotipo ==
+
Clique no nome da imagem e após, em "Abrir".
  
  
No menu a esquerda clicar em Aparência > Widget. Na tela seguinte na lateral direita clique em "'''Logo da sua empresa'''", depois clique no botão "'''Selecionar arquivo'''" e procure o arquivo do seu logotipo, após selecionar o logo clique em "'''Enviar'''" e depois em "'''Salvar'''".
 
  
 +
[[Arquivo:WordPress_Tela_Buscar_Logo.jpg|center]]
  
[[Arquivo:site-padrao-alterar-logo.jpg|center]]
 
  
 +
{| style="border-spacing:0;width:100%;"
 +
| style="background-color:#F18F8F;border:none;padding:0.097cm;width:100px;"| [[Imagem:Atencao.png|center]]
 +
| style="background-color:#F18F8F;border:none;padding:0.097cm;"|
  
== Como incluir notícias  (item disponível somente para os temas: Heloise, Thais, Karina e Tabatha) ==
+
'''O formato da imagem para a logomarca é aceito somente em JPEG.'''
 +
 
 +
|}
 +
 
 +
 
 +
Após, clique no botão "Enviar". Aguarde a mensagem de confirmação e clique em "OK".
 +
 
 +
 
 +
 
 +
[[Arquivo:WordPress_Confirmacao_Logotipo.jpg|center]]
 +
 
 +
 
 +
Sendo assim, o processo será finalizado e a logomarca será exibida no seu site.
 +
 
 +
== Como alterar o logotipo da minha empresa? ==
 +
 
 +
 
 +
No menu "Painel", clique em Aparência > Widgets
 +
 
 +
 
 +
[[Arquivo:WordPress_Widget_Alterar_Logo.jpg|center]]
 +
 
 +
 
 +
Na tela de widgets, ao lado direito, clique na seta cinza do widget "Logomarca" dentro do "Logo da sua empresa".
 +
 
 +
 
 +
[[Arquivo:WordPress_Alterar_Logomarca.jpg|center]]
 +
 
 +
 
 +
Ao abrir o menu de configuração do widget "Logomarca", clique no botão "Selecionar arquivo", em seguida, busque a imagem que será alterada. Para finalizar, clique em "Enviar" e após, em "Salvar".
 +
 
 +
 
 +
[[Arquivo:WordPress_Widget_Alteracao_Logomarca.jpg|center]]
 +
 
 +
== Como alterar endereço da empresa que aparece no site? ==
 +
 
 +
 
 +
No menu "Painel", ao lado esquerdo, clique em Aparência > Widget.
 +
 
 +
 
 +
[[Arquivo:WordPress_Alterar_Endereço.jpg|center]]
 +
 
 +
 
 +
Na tela de widget ao lado esquerdo, clique na seta cinza do widget "Endereço". Ao abrir a tela de configuração, digite o novo endereço e após, clique em "Salvar".
 +
 
 +
 
 +
[[Arquivo:WordPress_Alterando_Endereço.jpg|center]]
  
 +
== Como alterar o telefone da empresa que aparece no site? ==
  
No menu a esquerda clicar em Posts > Adicionar Novo.
 
  
 +
No menu "Painel", ao lado esquerdo, clique em Aparência > Widget.
  
[[Arquivo:site-padrao-adicionarpost.jpg|center]]
 
  
 +
[[Arquivo:WordPress_Alterar_Endereço.jpg|center]]
  
Na tela seguinte preencha primeiramente o título da notícia, após seu respectivo conteúdo e para finalizar clique no botão azul '''Publicar'''.
 
  
 +
Na tela de widget ao lado esquerdo, clique na seta cinza do widget "Telefone". Ao abrir a tela de configuração, digite o novo telefone e após, clique em "Salvar".
  
[[Arquivo:site-padrao-adicionarpost2.jpg|center]]
 
  
 +
[[Arquivo:WordPress_Widget_Alterar_Telefone.jpg|center]]
  
 
[[:Categoria:Internet]]
 
[[:Categoria:Internet]]

Edição das 12h51min de 14 de fevereiro de 2014


Aqui você irá aprender como personalizar o seu site:


Como atualizar as páginas do meu site?

Primeiro digite no browser seu link, por exemplo: www.endereçodoseusite.com.br/wp-admin e insira o seu login e senha. Sendo assim, será exibida a tela com o painel de controle do WordPress.


WordPress Tela Painel de Controle.JPG


Para alterar o conteúdo das páginas do seu site, clique em Páginas > Todas as Páginas.


WordPress Todas as Paginas.JPG


Ao visualizar "Todas as Páginas" que o site contém, posicione o cursor no nome da página que deseja alterar e quando as opções forem exibidas, clique em "Editar".


WordPress Tela Editar Pagina.JPG


Para adicionar novas páginas no site da empresa, ao lado esquerdo da tela, clique no menu Páginas > Adicionar Nova.


WordPress Adicionar Pagina.jpg


Como incluir imagens nas páginas do meu site?

Para incluir imagem nas páginas do site, clique no menu Páginas > Todas as Páginas. Posicione o cursor no título da página desejada e clique em "Editar".


WordPress Incluir Imagem Todas Paginas.jpg


Para adicionar, clique em "Upload/Inserir"(Adicionar Mídia).


WordPress Incluir Imagem Pagina.JPG


Quando a tela para captura da imagem/mídia for aberta, escolha a aba de acordo com o local em que a imagem está armazenada ou será extraída.


WordPress Adicionar Midia.JPG


Atencao.png

Leia atentamente as instruções da aba escolhida.


No exemplo ilustrado, foi utilizado um arquivo que estava armazenado no computador. Após carregar a imagem, é obrigatório inserir um título. Observe que este campo é marcado por um * . E ainda, há opções de adicionar maiores descrições, alinhar a mídia, etc. Ao concluir, clique em "Inserir no Post" para adicionar ao texto ou "Salvar todas as mudanças" para armazenar na Galeria do WordPress.


WordPress Midia Adicionada.jpg


Após adicionar a imagem na página, clique em "Atualizar" para que seja exibida no site.


WordPress Mídia Adicionada Atualizada.JPG

Como incluir notícias (item disponível somente para os temas: Heloise, Thais, Karina e Tabatha)

No menu lateral, clique em Posts > Adicionar Novo.


WordPress Adicionar Post.jpg


Na tela de edição do post, insira o título da notícia e após, o conteúdo que você deseja publicar. Ao concluir, clique em "Publicar".


WordPress Inserir Novo Post.jpg


Como editar notícias (item disponível somente para os temas: Heloise, Thais, Karina e Tabatha)

Para alterar uma notícia, clique no menu Post > Todos os Posts.


WordPress Editar Post.jpg


Ao serem exibidos todos os posts que o site possui, posicione o cursor no título do post desejado e clique em "Editar".


WordPress Todas as Post.jpg


Ao abrir a tela de edição do post, altere os itens desejados, por exemplo, título, texto, etc. Ao finalizar, clique em "Atualizar". Observe se a aba ativada na caixa de texto é a "Visual".


WordPress Post Editado Atualizar.jpg


Caso a aba escolhida seja a "HTML", ao alterar o texto, verifique as marcações dos códigos HTML, para não apagá-los ou alterá-los. Quando a edição for concluída, clique no botão “Atualizar”.


WordPress Página HTLM.jpg

Como incluir o logotipo da minha empresa no site?

No menu lateral, clique em Aparência > Widgets.


WordPress Incluir Logomarca.jpg


Na tela de widgets, na área "Widgets disponíveis", clique em cima do widget "Logomarca" e arraste até para dentro do widget "Logo da sua empresa" localizado ao lado direito.


WordPress Adicionar Widgets.jpg



Ao posicionar o widget "Logomarca", clique em "Selecionar arquivo" para buscar a imagem que será anexada.


WordPress Widget Incluir Logomarca.jpg


Clique no nome da imagem e após, em "Abrir".


WordPress Tela Buscar Logo.jpg


Atencao.png

O formato da imagem para a logomarca é aceito somente em JPEG.


Após, clique no botão "Enviar". Aguarde a mensagem de confirmação e clique em "OK".


WordPress Confirmacao Logotipo.jpg


Sendo assim, o processo será finalizado e a logomarca será exibida no seu site.

Como alterar o logotipo da minha empresa?

No menu "Painel", clique em Aparência > Widgets


WordPress Widget Alterar Logo.jpg


Na tela de widgets, ao lado direito, clique na seta cinza do widget "Logomarca" dentro do "Logo da sua empresa".


WordPress Alterar Logomarca.jpg


Ao abrir o menu de configuração do widget "Logomarca", clique no botão "Selecionar arquivo", em seguida, busque a imagem que será alterada. Para finalizar, clique em "Enviar" e após, em "Salvar".


WordPress Widget Alteracao Logomarca.jpg

Como alterar endereço da empresa que aparece no site?

No menu "Painel", ao lado esquerdo, clique em Aparência > Widget.


WordPress Alterar Endereço.jpg


Na tela de widget ao lado esquerdo, clique na seta cinza do widget "Endereço". Ao abrir a tela de configuração, digite o novo endereço e após, clique em "Salvar".


WordPress Alterando Endereço.jpg

Como alterar o telefone da empresa que aparece no site?

No menu "Painel", ao lado esquerdo, clique em Aparência > Widget.


WordPress Alterar Endereço.jpg


Na tela de widget ao lado esquerdo, clique na seta cinza do widget "Telefone". Ao abrir a tela de configuração, digite o novo telefone e após, clique em "Salvar".


WordPress Widget Alterar Telefone.jpg

Categoria:Internet