{"id":36909,"date":"2022-10-24T17:24:54","date_gmt":"2022-10-24T20:24:54","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?post_type=lesson&#038;p=36909"},"modified":"2022-10-24T17:24:57","modified_gmt":"2022-10-24T20:24:57","slug":"aula-4-configuracoes-finais","status":"publish","type":"lesson","link":"https:\/\/www.yogh.com.br\/blog\/aula\/aula-4-configuracoes-finais\/","title":{"rendered":"Aula 4: Configura\u00e7\u00f5es finais"},"content":{"rendered":"\n<div class=\"wp-block-kioken-videobox kioken-videobox-_82b0e6-07\" data-video-type=\"yt_vm_video\" data-video=\"https:\/\/www.youtube.com\/watch?v=_FuSt63_cD0\" data-video-aspect-ratio=\"16:9\" data-video-volume=\"100\" data-click-action=\"plain\" data-object-id=\"_82b0e6-07\"><div class=\"kioken-video-play-icon\"><div style=\"display:inline-flex;justify-content:center;align-items:center\"><svg viewbox=\"0 0 512 512\" height=\"48\" width=\"48\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"fill:currentColor;display:inline-block;vertical-align:middle\" role=\"img\" aria-hidden=\"true\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z\"><\/path><\/svg><\/div><\/div><div class=\"kioken-video-loading-icon\"><span class=\"kioken-video-spinner\"><\/span><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Configura\u00e7\u00f5es finais<\/h2>\n\n\n\n<p>Nesta aula do curso: Criando seu site sem programar, n\u00f3s daremos in\u00edcio as configura\u00e7\u00f5es finais, come\u00e7ando pelos ajustes no cabe\u00e7alho e no rodap\u00e9. No cabe\u00e7alho, come\u00e7aremos a ajustar os itens do menu.&nbsp;<\/p>\n\n\n\n<p>Para alterar o menu, \u00e9 preciso acessar o seu painel do WordPress, passar o mouse sobre a aba apar\u00eancia e clicar em Menus.&nbsp;<\/p>\n\n\n\n<p>N\u00f3s vamos criar um menu que permita um acesso r\u00e1pido \u00e0s \u00e1reas do site. Ent\u00e3o teremos um link r\u00e1pido para a se\u00e7\u00e3o do card\u00e1pio e para a se\u00e7\u00e3o do e-book.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Criando o menu&nbsp;<\/h3>\n\n\n\n<p>Em seguida, clique em criar um novo menu. Neste site, o nome do menu ser\u00e1 menu principal.&nbsp;<\/p>\n\n\n\n<p>Depois, na aba adicionar itens do menu, clique em links personalizados. Para auxiliar nesta cria\u00e7\u00e3o, vamos usar os elementos da \u00faltima aula, onde renomeamos as \u00e2ncoras com as palavras card\u00e1pio e e-book.<\/p>\n\n\n\n<p>Nos links personalizados inclua no item \u201cURL\u201d, o texto inicial do seu site, neste caso: meusite.yogh.com.br. Depois de colar o link, apague a \/ e insira o #cardapio. Ficar\u00e1 assim: meusite.yogh.com.br#cardapio. O texto do link tamb\u00e9m \u00e9 voc\u00ea que escolhe.&nbsp;<\/p>\n\n\n\n<p>Para criar o menu do e-book, \u00e9 s\u00f3 seguir os mesmos passos, mas ap\u00f3s o # inserir a palavra ebook e colocar a frase \u201cBaixe nosso e-book\u201d no t\u00edtulo.&nbsp;<\/p>\n\n\n\n<p>No item configura\u00e7\u00f5es do menu, selecione apenas os itens: menu horizontal para desktop e menu para dispositivos m\u00f3veis.Clique em salvar menu e depois \u00e9 s\u00f3 visualizar o resultado clicando no canto esquerdo do site, em cima do nome do seu site e depois em visitar site.<\/p>\n\n\n\n<p>Ao abrir a p\u00e1gina do site, voc\u00ea ver\u00e1 que card\u00e1pio e e-books j\u00e1 s\u00e3o links. Neste momento, \u00e9 importante testar as funcionalidades tamb\u00e9m nos dispositivos m\u00f3veis.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Retirando a barra de pesquisa<\/h3>\n\n\n\n<p>Como este site tem pouco conte\u00fado, n\u00e3o h\u00e1 necessidade de ter uma barra de pesquisa aparente. Esta \u00e9 uma configura\u00e7\u00e3o que \u00e9 poss\u00edvel fazer nas op\u00e7\u00f5es de tema. Depois&nbsp;<\/p>\n\n\n\n<p>Ao longo das aulas, n\u00f3s fizemos as configura\u00e7\u00f5es gerais, agora \u00e9 hora de ajustar os detalhes finais. Ent\u00e3o para retirar a barra de pesquisa, clique em apar\u00eancia, depois em personalizar. Nas op\u00e7\u00f5es do tema, podemos desmarcar a op\u00e7\u00e3o \u201cmostrar pesquisa no cabe\u00e7alho\u201d e depois clicar em publicar.<\/p>\n\n\n\n<p>E se voc\u00ea tiver mais conte\u00fado em seu site ou desejar fazer um blog posteriormente, \u00e9 s\u00f3 voltar nas configura\u00e7\u00f5es e ativar novamente o item: \u201cmostrar pesquisa no cabe\u00e7alho\u201d e clicar em publicar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Altera\u00e7\u00e3o do rodap\u00e9<\/h3>\n\n\n\n<p>Para alterar o rodap\u00e9, basta voltar para item apar\u00eancia e depois em personalizar. Quando voc\u00ea clicar em personalizar, vai perceber que ao lado de cada item, aparecer\u00e1 um \u00edcone semelhante a uma caneta. Com ele, voc\u00ea poder\u00e1 editar todas as \u00e1reas do site, com facilidade.<\/p>\n\n\n\n<p>Neste ambiente, voc\u00ea poder\u00e1 colocar informa\u00e7\u00f5es sobre o seu neg\u00f3cio. E tamb\u00e9m disponibilizar endere\u00e7o e hor\u00e1rio de atendimento. Depois de editar o conte\u00fado que ficar\u00e1 nestes ambientes, \u00e9 s\u00f3 clicar em publicar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00cdcone de redes sociais<\/h3>\n\n\n\n<p>No rodap\u00e9, voc\u00ea ver\u00e1 que o site j\u00e1 conta com \u00edcones de redes sociais. Para fazer a altera\u00e7\u00e3o dos links sociais, \u00e9 s\u00f3 clicar em menus, depois menu de links sociais na aba do lado esquerdo da p\u00e1gina. Ao abrir esta aba, voc\u00ea pode escolher quais \u00edcones de redes sociais ser\u00e3o mantidos na p\u00e1gina e editar os links para que todos eles sejam direcionados para as redes sociais da sua empresa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">An\u00e1lise final do site<\/h3>\n\n\n\n<p>Depois, \u00e9 hora de conferir novamente como est\u00e1 ficando o seu site. Para isso, voc\u00ea pode acessar o site em uma guia an\u00f4nima, assim voc\u00ea n\u00e3o ver\u00e1 a barra de edi\u00e7\u00e3o do WordPress e poder\u00e1 analisar o site na vers\u00e3o final feita para o cliente.<\/p>\n\n\n\n<p>Como podemos ver, este \u00e9 um site simples, bem f\u00e1cil de fazer, onde n\u00f3s conseguimos criar todo ele sozinho.&nbsp;<\/p>\n\n\n\n<p>Agora com ele finalizado, \u00e9 poss\u00edvel iniciar todo o processo de alterar o site para o seu dom\u00ednio final e ent\u00e3o ele j\u00e1 estar\u00e1 funcionando.&nbsp;<\/p>\n\n\n\n<p>Na pr\u00f3xima aula, n\u00f3s iremos mostrar algumas ideias, sugest\u00f5es de plugin essenciais do WordPress para voc\u00ea ter ainda mais fun\u00e7\u00f5es dispon\u00edveis em seu WordPress. S\u00e3o plugins de seguran\u00e7a e performance para que o seu site fique ainda melhor.&nbsp;<\/p>\n\n\n\n<p>E assim n\u00f3s teremos um site completo, muito obrigada e at\u00e9 a pr\u00f3xima!<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"kk_blocks_editor_width":"","_kiokenblocks_attr":"","_kiokenblocks_dimensions":"","_initial_content":"","_new_post":false,"_quiz_has_questions":false,"_lesson_complexity":"easy","_lesson_length":10,"_lesson_course":36919,"_lesson_preview":""},"lesson-tag":[],"class_list":["post-36909","lesson","type-lesson","status-publish","hentry","post"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lessons\/36909","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lessons"}],"about":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/types\/lesson"}],"version-history":[{"count":1,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lessons\/36909\/revisions"}],"predecessor-version":[{"id":36943,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lessons\/36909\/revisions\/36943"}],"wp:attachment":[{"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/media?parent=36909"}],"wp:term":[{"taxonomy":"lesson-tag","embeddable":true,"href":"https:\/\/www.yogh.com.br\/blog\/wp-json\/wp\/v2\/lesson-tag?post=36909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}