Estilizaci\u00f3n de las p\u00e1ginas principales<\/h5>\n\n\n\n
Cuando instale y active MemberMouse en su sitio web, ver\u00e1 que se crea un conjunto de p\u00e1ginas. Se trata de las p\u00e1ginas principales. Lea este art\u00edculo para\u00a0m\u00e1s informaci\u00f3n sobre las p\u00e1ginas centrales<\/a>. las p\u00e1ginas centrales son p\u00e1ginas espec\u00edficas de MemberMouse que vienen equipadas con \u00fatiles\u00a0SmartTags\u2122 (etiquetas inteligentes)<\/a>\u00a0para facilitar el funcionamiento de su sitio de afiliaci\u00f3n.<\/p>\n\n\n\n Hay un total de 9 p\u00e1ginas principales que los miembros utilizar\u00e1n independientemente de los derechos de acceso de los usuarios o del producto adquirido. Puede crear p\u00e1ginas principales adicionales que pueden ser personalizadas para una experiencia de usuario din\u00e1mica para sus miembros. Muchas de estas p\u00e1ginas centrales vienen con hojas de estilo espec\u00edficas con ajustes CSS que son espec\u00edficos para esa p\u00e1gina en particular. Entre ellas se incluyen:<\/p>\n\n\n\n Por defecto, en una nueva instalaci\u00f3n de MemberMouse, MemberMouse controla autom\u00e1ticamente las hojas de estilo CSS de las cinco p\u00e1ginas principales enumeradas anteriormente.<\/p>\n\n\n\n Si tiene problemas con alguna de estas p\u00e1ginas principales (por ejemplo, s\u00f3lo hay una columna o no se muestra el bot\u00f3n de Paypal), compruebe que MemberMouse carga la hoja de estilos.<\/p>\n\n\n\n Siga los siguientes pasos para activar o desactivar MemberMouse para que no incluya autom\u00e1ticamente las hojas de estilo CSS de su p\u00e1gina principal:<\/p>\n\n\n\n Puede ver esta referencia a la hoja de estilo en las p\u00e1ginas principales enumeradas anteriormente:<\/p>\n\n\n\n Otra opci\u00f3n para dar estilo a sus p\u00e1ginas es copiar las hojas de estilo CSS de MemberMouse. La \u00faltima secci\u00f3n de este art\u00edculo contiene los enlaces a las hojas de estilo disponibles para su descarga. A continuaci\u00f3n, puede cambiar la referencia CSS en el c\u00f3digo de su p\u00e1gina principal para reflejar la ubicaci\u00f3n de esta nueva hoja de estilos, de esta manera: Cuando abras el inspector de elementos, puedes usarlo para localizar cualquiera de los div IDs o clases que veas en el c\u00f3digo de tu p\u00e1gina. En el ejemplo siguiente, he localizado el div id=\"mm-account-information-section\" que tiene aplicada la clase \"mm-checkoutInfoBlock\": Si quisi\u00e9ramos aplicar un color de fondo, entonces en la hoja de estilo mm-checkout.css, simplemente a\u00f1adir\u00edamos:<\/p>\n\n\n\n a la hoja de estilos. Este tipo de edici\u00f3n est\u00e1 disponible para cualquier propiedad CSS que desee aplicar. Si lo desea, tambi\u00e9n puede eliminar clases CSS.<\/p>\n\n\n\n El plugin MemberMouse est\u00e1 dise\u00f1ado para ser lo m\u00e1s agn\u00f3stico posible a su tema, por lo que el cambio de un tema a otro debe requerir poca o ninguna actualizaci\u00f3n en absoluto ...<\/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\/es\/wp-json\/wp\/v2\/ht-kb\/8020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/users\/9645"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=8020"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8020\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=8020"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=8020"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/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\nConfiguraci\u00f3n CSS integrada en la 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\nLocalizaci\u00f3n de la referencia de la hoja de estilos 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\")
En virtud de la\u00a0n\u00facleo Tipo de p\u00e1gina<\/em>\u00a0ver\u00e1 el tipo de p\u00e1gina principal, as\u00ed como si la p\u00e1gina es la predeterminada para todos los usuarios. Si aparece el icono de la bandera junto a la\u00a0n\u00facleo Tipo de p\u00e1gina<\/em>esta es la p\u00e1gina por defecto. La p\u00e1gina predeterminada se utilizar\u00e1 para cualquier miembro que no tenga una p\u00e1gina principal diferente asignada a su nivel de miembro o paquete de productos.
<\/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\nEdici\u00f3n de la ubicaci\u00f3n predeterminada de la hoja de estilos 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\nEdici\u00f3n de las hojas de estilo de MemberMouse<\/h5>\n\n\n\n
NOTA:\u00a0<\/em><\/strong>Una de las mejores maneras de ver lo que este c\u00f3digo est\u00e1 mostrando es utilizar la vista del Inspector de Elementos en su navegador. Si no est\u00e1s familiarizado con el uso del Inspector de Elementos, entonces lee\u00a0<\/em>este art\u00edculo para Google Chrome<\/em><\/a>o\u00a0<\/em>este art\u00edculo para Firefox<\/em><\/a>.<\/em>
Siempre tiene la opci\u00f3n de editar las hojas de estilo CSS proporcionadas por MemberMouse para adaptarlas a sus necesidades. En este ejemplo, examinaremos la hoja de estilos utilizada en la p\u00e1gina\u00a0Pedido\u00a0<\/em>p\u00e1gina central.
Esta es una secci\u00f3n del\u00a0Pedido<\/em>\u00a0c\u00f3digo de p\u00e1gina:<\/p>\n\n\n\n[MM_Form_Section type='accountInfo']\n<div id="mm-account-information-section" class="mm-checkoutInfoBlock">\n<h3>Información sobre la cuenta<\/h3>\n<p class="mm-formField">\n <label>Nombre de pila:<\/label>\n [MM_Form_Field type='input' name='nombre']\n<\/p><\/code><\/pre>\n\n\n\n![\"\"](\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/10\/e2d9bbfa-9020.png\")
<\/p>\n\n\n\ncolor de fondo: #333;<\/code><\/p>\n\n\n\nUso de clases personalizadas en SmartTags<\/h5>\n\n\n\n
Si prefieres aplicar clases ya creadas a tus p\u00e1ginas principales, tambi\u00e9n puedes hacerlo. Esta es una gran opci\u00f3n si tu tema ya tiene clases CSS preparadas que puedes simplemente buscar para reutilizar. NOTA:<\/em><\/strong> Si no est\u00e1s familiarizado con el uso de las clases CSS en HTML, <\/em>lea este art\u00edculo<\/em><\/a>.<\/em>
Para utilizar una clase CSS personalizada, debe conocer el nombre de la clase que desea utilizar. Una vez que lo sepa, simplemente mire el c\u00f3digo de su p\u00e1gina principal (mediante estos pasos<\/a>) Luego, cuando conozca el elemento que desea cambiar, s\u00f3lo tiene que sustituir la clase existente:<div id="mm-account-information-section" class="mm-checkoutInfoBlock"><\/code>
con su nueva clase CSS<div id="mm-account-information-section" class="myownclass"><\/code>
<\/a><\/p>\n\n\n\nUso de los estilos de bot\u00f3n de MemberMouse<\/h5>\n\n\n\n
Al activar MemberMouse en su sitio web, tendr\u00e1 acceso a m\u00e1s de 60 estilos de botones web 2.0. Lea este art\u00edculo para aprenda a utilizar estos estilos de botones en su sitio web<\/a>.
<\/a><\/p>\n\n\n\n
Ejemplos de hojas de estilo CSS<\/h5>\n\n\n\n
A continuaci\u00f3n encontrar\u00e1 enlaces a las hojas de estilo CSS utilizadas en determinadas p\u00e1ginas principales y en el widget de contenido 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