{"id":8143,"date":"2023-08-15T11:08:00","date_gmt":"2023-08-15T18:08:00","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&amp;p=8143"},"modified":"2023-08-15T11:08:00","modified_gmt":"2023-08-15T18:08:00","slug":"personalizacao-de-cores-e-estilos-nos-cursos","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/pt\/documentos-3-2\/personalizacao-de-cores-e-estilos-nos-cursos\/","title":{"rendered":"Personaliza\u00e7\u00e3o de cores e estilos nos cursos"},"content":{"rendered":"<p>Os Cursos para MemberMouse incluem v\u00e1rias op\u00e7\u00f5es que permitem controlar a experi\u00eancia dos alunos. Por padr\u00e3o, o Courses apresenta seu conte\u00fado em uma interface personaliz\u00e1vel e independente. Os desenvolvedores e usu\u00e1rios avan\u00e7ados podem desativar essa interface e estiliz\u00e1-la usando CSS e seu tema.<\/p>\n\n\n\n<p>Para alterar essas op\u00e7\u00f5es, selecione&nbsp;<em>MemberMouse &gt; Cursos<\/em>e, na parte superior da tela, clique em&nbsp;<em>Configura\u00e7\u00f5es<\/em>.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Modo sala de aula<\/h5>\n\n\n\n<p>A interface aut\u00f4noma inclu\u00edda para os Cursos \u00e9 chamada de Modo Sala de Aula. Ela inclui uma variedade de modelos:<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lista de cursos<br><\/li>\n\n\n\n<li>Vis\u00e3o geral do curso<br><\/li>\n\n\n\n<li>Conte\u00fado da aula<\/li>\n<\/ul>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Aqui est\u00e1 um exemplo de uma vis\u00e3o geral do curso:<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6584b28e-wtl54rbdkn6m_jyhixbtbutqoisky_9d7w.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6584b28e-wtl54rbdkn6m_jyhixbtbutqoisky_9d7w-1024x639.png\" alt=\"\" class=\"wp-image-9833\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Se o Modo Sala de Aula estiver desativado, o estilo dessas p\u00e1ginas ser\u00e1 ditado pelo tema do WordPress, que rege a apar\u00eancia geral do seu site. O estilo do tema varia muito, por isso \u00e9 dif\u00edcil fornecer uma captura de tela representativa, mas voc\u00ea notar\u00e1 que ele cont\u00e9m elementos familiares do site, como o cabe\u00e7alho, os menus e a navega\u00e7\u00e3o do site, as barras laterais e assim por diante:<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/7824946a-ogzlxu6fuxvjde5xqbpcybjddvpmhwbtg.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/7824946a-ogzlxu6fuxvjde5xqbpcybjddvpmhwbtg-1024x589.png\" alt=\"\" class=\"wp-image-9832\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Os usu\u00e1rios avan\u00e7ados podem personalizar a apar\u00eancia do tema e adicionar CSS para estilizar os elementos dos cursos na se\u00e7\u00e3o&nbsp;<em>Appearance &gt; Personalizar<\/em>&nbsp;menu do painel de administra\u00e7\u00e3o.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Configura\u00e7\u00f5es do modo sala de aula<\/h5>\n\n\n\n<p>Quando o Modo Sala de Aula est\u00e1 ativado, os Cursos para MemberMouse oferecem op\u00e7\u00f5es para personalizar a interface. Defina essas op\u00e7\u00f5es conforme desejado e clique em&nbsp;<em>Salvar configura\u00e7\u00f5es<\/em>&nbsp;na parte inferior para aplicar suas altera\u00e7\u00f5es.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>OP\u00c7\u00c3O<\/strong><\/td><td><strong>DESCRI\u00c7\u00c3O<\/strong><\/td><\/tr><tr><td><strong>Modo sala de aula&nbsp;<\/strong><\/td><td>Ativar ou desativar o Modo Sala de Aula<\/td><\/tr><tr><td><strong>Op\u00e7\u00f5es de cores<\/strong><\/td><td>Selecione as cores de sua marca, dos acentos, do indicador de progresso e do texto do menu. Clicar em\u00a0<em>Selecionar cor\u00a0<\/em>exibe um seletor de cores: <br><br><img decoding=\"async\" class=\"wp-image-9831\" style=\"width: 200px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/899f16ed-1otib6clp9was8ezaqlka2sip5yiusfptw.png\" alt=\"\"><\/td><\/tr><tr><td><strong>Logotipo da sala de aula<\/strong><\/td><td>Escolha um logotipo para ser exibido no canto superior esquerdo da interface. Clicando em&nbsp;<em>Selecionar imagem&nbsp;<\/em>abre o seletor de m\u00eddia padr\u00e3o do WordPress. Voc\u00ea pode selecionar uma imagem existente, como o logotipo do seu site, ou carregar uma imagem personalizada.<\/td><\/tr><tr><td><strong>Localiza\u00e7\u00e3o do bot\u00e3o Lesson<\/strong><\/td><td>Especifique o local dos bot\u00f5es de navega\u00e7\u00e3o que permitem que os alunos avancem para a pr\u00f3xima li\u00e7\u00e3o ou retornem \u00e0 li\u00e7\u00e3o anterior: <br><em>Topo<\/em>\u00a0- Exibido na barra de menu do cabe\u00e7alho\u00a0 <br><em>Parte inferior<\/em>\u00a0- Exibido abaixo do conte\u00fado da li\u00e7\u00e3o\u00a0 <br><em>Ambos<\/em>\u00a0- Exibido em ambos os locais\u00a0<\/td><\/tr><tr><td><strong>Link CSS<\/strong><\/td><td>Opcionalmente, insira uma classe CSS a ser aplicada \u00e0 li\u00e7\u00e3o completa, \u00e0 li\u00e7\u00e3o anterior e aos links de navega\u00e7\u00e3o. Esse recurso pode ser usado pelos desenvolvedores em conjunto com o WP Footer Hook para aplicar um estilo personalizado \u00e0 interface. <br><br><img decoding=\"async\" class=\"wp-image-9830\" style=\"width: 250px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/cf06ad1b-2tffgx9aho1dtlpcbzp5c5ordomfdlzetw.png\" alt=\"\"><br><\/td><\/tr><tr><td><strong>Gancho de rodap\u00e9 do WP<\/strong><\/td><td>Ative essa op\u00e7\u00e3o para executar o\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/wp_footer\/\" target=\"_blank\">wp_footer<\/a>\u00a0ap\u00f3s a renderiza\u00e7\u00e3o da interface. Por padr\u00e3o, o Classroom Mode ignora completamente o tema do WordPress. Isso oferece o melhor desempenho, mas n\u00e3o permite que outros plug-ins carreguem as bibliotecas de que precisam.<br><br>Por exemplo, o MemberMouse\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/link-de-membro-smarttag-mm_member_link\/\" target=\"_blank\">Link de membro<\/a>\u00a0e\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/pt\/documentos-3-2\/link-de-compra-smarttag-mm_purchase_link\/\" target=\"_blank\">Link para compra<\/a>\u00a0As SmartTags\u2122 requerem scripts e bibliotecas adicionais para funcionar adequadamente, portanto, se desejar usar essas SmartTags\u2122 em seus cursos, voc\u00ea deve ativar essa op\u00e7\u00e3o.<br><br>Os desenvolvedores e usu\u00e1rios avan\u00e7ados tamb\u00e9m podem escrever c\u00f3digos personalizados para carregar scripts, estilos e bibliotecas adicionais para personalizar os Cursos ou fornecer funcionalidades adicionais.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Os Cursos para MemberMouse incluem v\u00e1rias op\u00e7\u00f5es que permitem controlar a experi\u00eancia dos alunos. Por padr\u00e3o, o Courses apresenta seu conte\u00fado em uma interface personaliz\u00e1vel e independente. Os desenvolvedores e...<\/p>","protected":false},"author":21411,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[194],"ht-kb-tag":[],"class_list":["post-8143","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-courses-mm"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=8143"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8143\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=8143"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=8143"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=8143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}