![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage1.png\")
<\/p>\nNo tutorial de hoje vamos ensinar como construir um site OnePage atrav\u00e9s de nosso construtor.<\/p>\n
<\/p>\n
1 – Ao acessar o construtor o primeiro passo \u00e9 escolher o tema desejado:<\/p>\n
<\/p>\n
<\/p>\n
2 – Ao escolher o tema voc\u00ea dever\u00e1 excluir todos os itens do menu com exce\u00e7\u00e3o do primeiro item que pode ser chamado de P\u00e1gina Inicial ou apenas Home:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage2.png\")
<\/p>\n
<\/p>\n
3 – Click com o bot\u00e3o direito ou click na caneta para ativar o menu escolha Editar Menu, ap\u00f3s isto click em cada item do menu e click tamb\u00e9m no “X” para excluir o item do menu desejado:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage3-1.png\")
<\/p>\n
<\/p>\n
4 – Ap\u00f3s excluir os itens do menu voc\u00ea dever\u00e1 criar ancoras na parte do site desejada. Essas ancoras ser\u00e3o ligadas em cada item no menu:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage3.png\")
<\/p>\n
<\/p>\n
5 – Para criar as ancoras v\u00e1 em propriedades:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage4.png\")
<\/p>\n
<\/p>\n
6 – E escolha o nome da \u00e2ncora desejada, assim como na imagem em anexo:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage5.png\")
<\/p>\n
<\/p>\n
7 – Ap\u00f3s criar a \u00e2ncora vamos criar os itens do menu clicando com o bot\u00e3o direito no menu e clicando em “Novo Item de Menu”, Coloque o Nome do item selecione Link e ap\u00f3s isso seleciona \u00e2ncora de e escolha o nome da \u00e2ncora que foi criada. Fa\u00e7a isso para cada item novo criado:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage6.png\")
<\/p>\n
<\/p>\n
8 – Ap\u00f3s criarmos todos os itens do menu devidamente ancorados, publique seu site da\u00ed iremos para a parte um pouco complicada, por\u00e9m f\u00e1cil de fazer, vamos deixar o menu fixo para quando a p\u00e1gina se mover ele ir junto. Vamos no gerenciador de arquivo:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage7.png\")
<\/p>\n
<\/p>\n
9 – Selecione a pasta para onde foi desenvolvida o site, acesse a pasta “sitepro” e abra a pasta “css”:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage8.png\")
<\/p>\n
<\/p>\n
10 – Para descobrir o que dever\u00e1 ser editado devemos acesse seu site normalmente no navegador, digite crtl+shift+i e ir\u00e1 aparecer a barra de inspe\u00e7\u00e3o de elementos(Geralmente esse comando funciona no navegador Google Chrome atualmente o mais utilizado), click com o mouse no \u00edcone que possui uma seta e um quadrado ap\u00f3s clicar ele entrar\u00e1 no modo de inspe\u00e7\u00e3o de elementos da\u00ed \u00e9 s\u00f3 clicar no menu,\u00a0 para descobrir \u00e9 simples basta verificar qual o element instance o menu foi criado, geralmente ele vem acompanhando com a class wp_element wb-menu, ele vir\u00e1 no formato, wb_element_instanceX(onde o X dever\u00e1 ser um n\u00famero).<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage9.png\")
<\/p>\n
<\/p>\n
11 – Descobrindo qual o elemento a ser editado vamos voltar no gerenciador de arquivos e editar o arquivo 1.css:<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage10.png\")
<\/p>\n
<\/p>\n
12 – Ap\u00f3s clicar acessar o modo de edi\u00e7\u00e3o de arquivo, procure pelo elemento #wb_element_instancex ul {comandos css} e insira 2 barras para comentar esse elemento, depois insira este c\u00f3digo:<\/p>\n
–=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=-<\/p>\n
<\/p>\n
#wb_element_instance2 ul { position: fixed; right: 0; top: 10%; margin-top: -2.5em; }<\/p>\n
<\/p>\n
–=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=—=-=-=-=-=-=-<\/p>\n
<\/p>\n
![\"\"](\"https:\/\/soloweb.com.br\/blog\/wp-content\/uploads\/2018\/12\/onepage11.png\")
<\/p>\n
<\/p>\n
Salve o arquivo e verifique seu site, se caso o menu ainda continue sem o efeito basta limpar o cache do seu navegador.<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
No tutorial de hoje vamos ensinar como construir um site OnePage atrav\u00e9s de nosso construtor. 1 – Ao acessar<\/p>\n","protected":false},"author":5,"featured_media":15490,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[25],"tags":[],"class_list":["post-15476","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geral"],"yoast_head":"\n