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

De WikiBase
 
(5 revisões intermediárias por 2 usuários não estão sendo mostradas)
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]]
+
Após editar, clique em "Atualizar" para que o novo conteúdo seja exibido no site.
  
  
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_Pagina_Atualizar.JPG|center]]
  
  
[[Arquivo:site-padrao5.jpg|center]]
 
  
 +
Para adicionar novas páginas no site da empresa, ao lado esquerdo da tela, clique no menu Páginas > Adicionar Nova.
  
== Como incluir o logotipo da minha empresa no site? ==
 
  
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_Adicionar_Pagina.jpg|center]]
  
 +
== Como incluir imagens nas páginas do meu site? ==
  
[[Arquivo:site-padrao6.jpg|center]]
+
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>.
  
  
Logo abaixo aparecerá uma caixa com o título Incluir Logomarca clique no link Editar.
+
[[Arquivo:WordPress_Incluir_Imagem_Todas_Paginas.jpg|center]]
  
  
[[Arquivo:site-padrao7.jpg|center]]
+
Para adicionar, clique em "Upload/Inserir"(Adicionar Mídia).
  
  
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.
 
  
 +
[[Arquivo:WordPress_Incluir_Imagem_Pagina.JPG|center]]
  
[[Arquivo:site-padrao8.jpg|center]]
 
  
 +
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.
  
== 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.
+
[[Arquivo:WordPress_Adicionar_Midia.JPG|center]]
  
  
[[Arquivo:site-padrao9.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;"|
  
Após clicar no ícone abrirá uma janela, clique no botão Selecionar arquivos e procure o diretório onde está o arquivo desejado.
+
'''Leia atentamente as instruções da aba escolhida.'''
  
 +
|}
  
[[Arquivo:site-padrao10.jpg|center]]
 
  
 +
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.
  
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.
 
  
 +
[[Arquivo:WordPress_Midia_Adicionada.jpg|center]]
  
== Como alterar o tema do site (layout)? ==
 
  
No menu lateral clicar em Aparência > Temas.
 
  
 +
Após adicionar a imagem na página, clique em "Atualizar" para que seja exibida no site.
  
[[Arquivo:site-padrao11.jpg|center]]
 
  
  
Na tela seguinte clique na imagem que é uma miniatura do tema para visualizar em tamanho maior e clique em Ativar no topo da janela.
+
[[Arquivo:WordPress_Mídia_Adicionada_Atualizada.JPG|center]]
  
  
[[Arquivo:site-padrao12.jpg|center]]
+
== Como incluir notícias  (item disponível para todos os temas: Beatriz, Val, Suellen, Fernanda, Manoela). ==
  
  
[[Arquivo:site-padrao13.jpg|center]]
+
No menu lateral, clique em Posts > Adicionar Novo.  
  
  
== Como alterar o título dos serviços (login, busca rápida, destaques)? ==
+
[[Arquivo:WordPress_Adicionar_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.
 
  
 +
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".
  
[[Arquivo:site-padrao14.jpg|center]]
 
  
 +
[[Arquivo:WordPress_Inserir_Novo_Post.jpg|center]]
  
== Como incluir mais destaques de imóveis no meu site? ==
 
  
No menu a esquerda clicar em Aparência > Widgets.
 
  
 +
== Como editar notícias (item disponível para todos os temas: Beatriz, Val, Suellen, Fernanda, Manoela). ==
  
'''Para incluir destaques na parte central do site:'''
 
  
* Primeiro clique em Destaque da Página Principal e clique em Mostrar.
+
Para alterar uma notícia, clique no menu Post > Todos os Posts.
* Após isso clicar em Destaque Horizontal Lista > Adicionar.
+
  
  
[[Arquivo:site-padrao18.jpg|center]]  
+
[[Arquivo:WordPress_Editar_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 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-padrao19.jpg|center]]  
+
[[Arquivo:WordPress_Todas_as_Post.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.  
+
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".
* 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_Post_Editado_Atualizar.jpg|center]]
  
  
* Na lateral direita clicar em Destaque Vertical Lista  > Editar .
+
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”.  
* 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.
+
  
  
[[Arquivo:site-padrao21.jpg|center]]
+
[[Arquivo:WordPress_Página_HTLM.jpg|center]]
  
 +
== Como incluir o logotipo da minha empresa no site? (Temas: Val, Manoela) ==
  
== 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.
+
No menu lateral, clique em Aparência > Widgets.  
  
  
[[Arquivo:site-padrao15.jpg|center]]
+
[[Arquivo:WordPress_Incluir_Logomarca.jpg|center]]  
  
  
Logo abaixo aparecerá uma caixa com o título Incluir Endereço clique no link Editar.
+
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-padrao16.jpg|center]]
 
  
 +
[[Arquivo:WordPress_Adicionar_Widgets.jpg|center]]
  
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:site-padrao17.jpg|center]]
 
  
 +
Ao posicionar o widget "Logomarca", clique em "Selecionar arquivo" para buscar a imagem que será anexada.
  
== Como alterar meu logotipo ==
 
  
 +
[[Arquivo:WordPress_Widget_Incluir_Logomarca.jpg|center]]
  
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:site-padrao-alterar-logo.jpg|center]]
+
Clique no nome da imagem e após, em "Abrir".
  
  
== Como incluir notícias  (item disponível somente para os temas: Heloise, Thais, Karina e Tabatha) ==
 
  
 +
[[Arquivo:WordPress_Tela_Buscar_Logo.jpg|center]]
  
No menu a esquerda clicar em Posts > Adicionar Novo.
 
  
 +
{| 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;"|
  
[[Arquivo:site-padrao-adicionarpost.jpg|center]]
+
'''O formato da imagem para a logomarca é aceito em JPEG e PNG.'''
  
 +
|}
  
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'''.
 
  
 +
Após, clique no botão "Enviar". Aguarde a mensagem de confirmação e clique em "OK".
  
[[Arquivo:site-padrao-adicionarpost2.jpg|center]]
 
  
 +
 +
[[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? (Temas: Beatriz, Suellen, Fernanda) ==
 +
 +
Antes, é preciso ir em Mídia > Biblioteca > Biblioteca de mídia e inserir a imagem desejada.
 +
 +
[[Arquivo:wordpress-alterar-logo01.jpg|center]]
 +
 +
 +
Clique em “Adicionar nova” e em seguida “Selecionar arquivos”.
 +
 +
[[Arquivo:wordpress-alterar-logo02.jpg|center]]
 +
 +
 +
Após localizar onde a imagem está armazenada, clique no nome do arquivo e em seguida, no botão "Abrir". Clique na imagem, copie a “URL” e clique no “X” da janela.
 +
 +
[[Arquivo:wordpress-alterar-logo03.jpg|center]] 
 +
 +
 +
Com esse link, vá em: Tema > Logo da empresa e cole o link em “logo url”. Feito isso, clique em “Salvar”.
 +
 +
[[Arquivo:wordpress-alterar-logo04.jpg|center]] 
 +
 +
 +
Sendo assim, o processo será finalizado e a logomarca será exibida no seu site.
 +
 +
== 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 "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 "Telefone". Ao abrir a tela de configuração, digite o novo telefone e após, clique em "Salvar".
 +
 +
 +
[[Arquivo:WordPress_Widget_Alterar_Telefone.jpg|center]]
  
 
[[:Categoria:Internet]]
 
[[:Categoria:Internet]]

Edição atual tal como às 15h10min de 2 de agosto de 2019


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


Após editar, clique em "Atualizar" para que o novo conteúdo seja exibido no site.


WordPress Pagina Atualizar.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 para todos os temas: Beatriz, Val, Suellen, Fernanda, Manoela).

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 para todos os temas: Beatriz, Val, Suellen, Fernanda, Manoela).

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? (Temas: Val, Manoela)

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 em JPEG e PNG.


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? (Temas: Beatriz, Suellen, Fernanda)

Antes, é preciso ir em Mídia > Biblioteca > Biblioteca de mídia e inserir a imagem desejada.

Wordpress-alterar-logo01.jpg


Clique em “Adicionar nova” e em seguida “Selecionar arquivos”.

Wordpress-alterar-logo02.jpg


Após localizar onde a imagem está armazenada, clique no nome do arquivo e em seguida, no botão "Abrir". Clique na imagem, copie a “URL” e clique no “X” da janela.

Wordpress-alterar-logo03.jpg


Com esse link, vá em: Tema > Logo da empresa e cole o link em “logo url”. Feito isso, clique em “Salvar”.

Wordpress-alterar-logo04.jpg


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

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