Estiliza\u00e7\u00e3o de p\u00e1ginas centrais<\/h5>\n\n\n\n
Ao instalar e ativar o MemberMouse em seu site, voc\u00ea ver\u00e1 que um conjunto de p\u00e1ginas \u00e9 criado. Essas s\u00e3o as p\u00e1ginas principais. Leia este artigo para\u00a0Saiba mais sobre as p\u00e1ginas principais<\/a>. as p\u00e1ginas principais s\u00e3o p\u00e1ginas espec\u00edficas do MemberMouse que v\u00eam equipadas com\u00a0SmartTags\u2122<\/a>\u00a0para ajudar a criar uma maneira f\u00e1cil de seu site de associa\u00e7\u00e3o funcionar.<\/p>\n\n\n\n H\u00e1 um total de 9 p\u00e1ginas principais que os membros utilizar\u00e3o independentemente dos direitos de acesso dos usu\u00e1rios ou do produto adquirido. \u00c9 poss\u00edvel criar p\u00e1ginas centrais adicionais que podem ser personalizadas para proporcionar uma experi\u00eancia de usu\u00e1rio din\u00e2mica aos seus membros. Muitas dessas p\u00e1ginas centrais v\u00eam com folhas de estilo espec\u00edficas com configura\u00e7\u00f5es de CSS que s\u00e3o espec\u00edficas para aquela p\u00e1gina em particular. Elas incluem:<\/p>\n\n\n\n Por padr\u00e3o, em uma nova instala\u00e7\u00e3o do MemberMouse, as folhas de estilo CSS das cinco p\u00e1ginas principais listadas acima s\u00e3o controladas automaticamente pelo MemberMouse.<\/p>\n\n\n\n Se estiver tendo problemas com a exibi\u00e7\u00e3o correta de alguma dessas p\u00e1ginas principais (por exemplo, h\u00e1 apenas uma coluna ou o bot\u00e3o Paypal n\u00e3o est\u00e1 sendo exibido), verifique se o MemberMouse est\u00e1 carregando a folha de estilo.<\/p>\n\n\n\n Siga as etapas abaixo para ativar ou desativar a inclus\u00e3o autom\u00e1tica das folhas de estilo CSS de sua p\u00e1gina principal pelo MemberMouse:<\/p>\n\n\n\n Voc\u00ea pode ver essa refer\u00eancia de folha de estilo nas p\u00e1ginas principais listadas acima por:<\/p>\n\n\n\n Outra op\u00e7\u00e3o para estilizar suas p\u00e1ginas \u00e9 copiar as folhas de estilo CSS do MemberMouse. A se\u00e7\u00e3o final deste artigo cont\u00e9m os links para as folhas de estilo dispon\u00edveis para download. Em seguida, voc\u00ea pode alterar a refer\u00eancia CSS no c\u00f3digo da p\u00e1gina principal para refletir o local dessa nova folha de estilo, assim: Quando voc\u00ea abre o inspetor de elementos, pode us\u00e1-lo para localizar qualquer ID ou classe de div que voc\u00ea v\u00ea no c\u00f3digo da sua p\u00e1gina. No exemplo abaixo, localizei a div id=\"mm-account-information-section\" que tem a classe \"mm-checkoutInfoBlock\" aplicada a ela: Se quisermos aplicar uma cor de fundo, ent\u00e3o, na folha de estilo mm-checkout.css, basta adicionar:<\/p>\n\n\n\n \u00e0 folha de estilo. Esse tipo de edi\u00e7\u00e3o est\u00e1 dispon\u00edvel para qualquer propriedade CSS que voc\u00ea queira aplicar. Voc\u00ea tamb\u00e9m pode procurar remover classes CSS, se desejar.<\/p>\n\n\n\n O plug-in MemberMouse foi projetado para ser o mais agn\u00f3stico poss\u00edvel em rela\u00e7\u00e3o ao seu tema, de modo que a mudan\u00e7a de um tema para outro deve exigir pouca ou nenhuma atualiza\u00e7\u00e3o...<\/p>","protected":false},"author":9645,"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":[160],"ht-kb-tag":[],"class_list":["post-8020","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-customize-mm"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8020","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\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/comments?post=8020"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb\/8020\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/media?parent=8020"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-category?post=8020"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/pt\/wp-json\/wp\/v2\/ht-kb-tag?post=8020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n<\/ul>\n\n\n\nConfigura\u00e7\u00f5es de CSS incorporadas na p\u00e1gina principal<\/h6>\n\n\n\n
\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n![\"\"](\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/a5d8dfbb-jcrzd6nj-tmttpiug8mlcut6wfhh80hosq.png\")
<\/li>\n\n\n\nLocaliza\u00e7\u00e3o da refer\u00eancia da folha de estilo CSS<\/h5>\n\n\n\n
\n
<\/li>\n\n\n\n![\"\"](\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/746730b7-screen-shot-2023-10-02-at-12.37.49-pm.png\")
<\/li>\n\n\n\n![\"\"](\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/9cacefe3-screen-shot-2023-10-02-at-12.38.42-pm.png\")
Sob o\u00a0Tipo de p\u00e1gina principal<\/em>\u00a0voc\u00ea ver\u00e1 o tipo de p\u00e1gina principal, bem como se a p\u00e1gina \u00e9 padr\u00e3o para todos os usu\u00e1rios. Se o \u00edcone de bandeira aparecer ao lado do\u00a0Tipo de p\u00e1gina principal<\/em>essa p\u00e1gina \u00e9 a p\u00e1gina padr\u00e3o. A p\u00e1gina padr\u00e3o ser\u00e1 usada para qualquer membro que n\u00e3o tenha uma p\u00e1gina principal diferente atribu\u00edda ao seu n\u00edvel de associa\u00e7\u00e3o ou pacote de produtos.
<\/li>\n\n\n\n![\"\"](\"https:\/\/s3.amazonaws.com\/cdn.freshdesk.com\/data\/helpdesk\/attachments\/production\/9064346183\/original\/7bGjCy7GVUh5qwcHIuc8ZpFl_sOA58tsQA.png?1541603890\")
<\/li>\n\n\n\n![\"\"](\"https:\/\/www.dropbox.com\/s\/zyog1pko7mse13x\/9019.png?raw=1\")
<\/li>\n\n\n\n
<link rel='stylesheet' type='text\/css' href='http:\/\/www.yourURL.com\/wp-content\/plugins\/membermouse\/resources\/css\/user\/mm-checkout.css' \/><\/li>\n<\/ol>\n\n\n\nEdi\u00e7\u00e3o do local padr\u00e3o da folha de estilo CSS<\/h5>\n\n\n\n
\u00a0<link rel='stylesheet' type='text\/css' href='http\/\/:www.yourURL.com\/sitespecifics\/customestylesheet.css'\/><\/p>\n\n\n\nEdi\u00e7\u00e3o das folhas de estilo do MemberMouse<\/h5>\n\n\n\n
OBSERVA\u00c7\u00c3O:\u00a0<\/em><\/strong>Uma das melhores maneiras de ver o que esse c\u00f3digo est\u00e1 realmente exibindo \u00e9 usar a visualiza\u00e7\u00e3o do Element Inspector em seu navegador. Se voc\u00ea n\u00e3o estiver familiarizado com o uso do Element Inspector, leia\u00a0<\/em>este artigo para o Google Chrome<\/em><\/a>ou\u00a0<\/em>este artigo para o Firefox<\/em><\/a>.<\/em>
Voc\u00ea sempre tem a op\u00e7\u00e3o de editar as folhas de estilo CSS fornecidas pelo MemberMouse para atender \u00e0s suas necessidades. Para este exemplo, examinaremos a folha de estilo usada na tag\u00a0Checkout\u00a0<\/em>p\u00e1gina principal.
Aqui est\u00e1 uma se\u00e7\u00e3o do\u00a0Checkout<\/em>\u00a0c\u00f3digo da p\u00e1gina:<\/p>\n\n\n\n[MM_Form_Section type='accountInfo']\n<div id="mm-account-information-section" class="mm-checkoutInfoBlock">\n<h3>Informações sobre a conta<\/h3>\n<p class="mm-formField">\n <label>Primeiro nome:<\/label>\n [MM_Form_Field type='input' name='firstName']\n<\/p><\/code><\/pre>\n\n\n\n![\"\"](\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/e2d9bbfa-9020.png\")
<\/p>\n\n\n\nCor de fundo: #333;<\/code><\/p>\n\n\n\nUso de classes personalizadas em SmartTags<\/h5>\n\n\n\n
Se preferir aplicar classes j\u00e1 criadas \u00e0s suas p\u00e1ginas principais, voc\u00ea tamb\u00e9m pode fazer isso. Essa \u00e9 uma \u00f3tima op\u00e7\u00e3o se o seu tema j\u00e1 tiver classes CSS preparadas que voc\u00ea pode simplesmente reutilizar. OBSERVA\u00c7\u00c3O:<\/em><\/strong> Se voc\u00ea n\u00e3o estiver familiarizado com o uso de classes CSS em HTML, <\/em>Leia este artigo<\/em><\/a>.<\/em>
Para usar uma classe CSS personalizada, voc\u00ea deve saber o nome da classe que deseja usar. Depois disso, basta examinar o c\u00f3digo da sua p\u00e1gina principal (por meio destas etapas<\/a>) Ent\u00e3o, quando voc\u00ea souber o elemento que deseja alterar, basta substituir a classe existente:<div id="mm-account-information-section" class="mm-checkoutInfoBlock"><\/code>
com sua nova classe CSS<div id="mm-account-information-section" class="myownclass"><\/code>
<\/a><\/p>\n\n\n\nUsando os estilos de bot\u00e3o do MemberMouse<\/h5>\n\n\n\n
Quando o MemberMouse for ativado em seu site, voc\u00ea ter\u00e1 acesso a mais de 60 estilos de bot\u00f5es da Web 2.0. Leia este artigo para Saiba como utilizar esses estilos de bot\u00e3o em seu site<\/a>.
<\/a><\/p>\n\n\n\n
Amostras de folhas de estilo CSS<\/h5>\n\n\n\n
Abaixo est\u00e3o os links para as folhas de estilo CSS usadas em p\u00e1ginas principais espec\u00edficas e no widget de conte\u00fado protegido:<\/p>\n\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n
<\/li>\n\n\n\n