{"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":"personalizacion-de-colores-y-estilos-en-los-cursos","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/es\/docs\/personalizacion-de-colores-y-estilos-en-los-cursos\/","title":{"rendered":"Personalizaci\u00f3n de colores y estilos en los cursos"},"content":{"rendered":"<p>Cursos para MemberMouse incluye una serie de opciones que le permiten controlar la experiencia de sus alumnos. Por defecto, Courses presenta su contenido en una interfaz personalizable y autocontenida. Los desarrolladores y usuarios avanzados pueden desactivar esta interfaz y personalizarla mediante CSS y su tema.<\/p>\n\n\n\n<p>Para cambiar estas opciones, seleccione&nbsp;<em>MemberMouse &gt; Cursos<\/em>y, en la parte superior de la pantalla, haga clic en&nbsp;<em>Ajustes<\/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 Aula<\/h5>\n\n\n\n<p>La interfaz aut\u00f3noma incluida para los Cursos se denomina Modo Aula. Incluye una variedad de plantillas:<\/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>Resumen del curso<br><\/li>\n\n\n\n<li>Contenido de la lecci\u00f3n<\/li>\n<\/ul>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>He aqu\u00ed un ejemplo de descripci\u00f3n general de un 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>Si el Modo Aula est\u00e1 desactivado, el estilo de estas p\u00e1ginas vendr\u00e1 dictado por el tema de WordPress, que rige la apariencia general de su sitio. El estilo del tema var\u00eda mucho, por lo que es dif\u00edcil proporcionar una captura de pantalla representativa, pero observar\u00e1 que contiene elementos familiares del sitio, como el encabezado, los men\u00fas del sitio y la navegaci\u00f3n, las barras laterales, etc:<\/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>Los usuarios avanzados pueden personalizar la apariencia de su tema y a\u00f1adir CSS para dar estilo a los elementos de los cursos en la secci\u00f3n&nbsp;<em>Apariencia &gt; Personalizar<\/em>&nbsp;men\u00fa del panel de administraci\u00f3n.<\/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\">Ajustes del modo Aula<\/h5>\n\n\n\n<p>Cuando el Modo Aula est\u00e1 activado, Cursos para MemberMouse ofrece opciones para personalizar la interfaz. Configure estas opciones como desee y haga clic en&nbsp;<em>Guardar configuraci\u00f3n<\/em>&nbsp;en la parte inferior para aplicar los cambios.<\/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>OPCI\u00d3N<\/strong><\/td><td><strong>DESCRIPCI\u00d3N<\/strong><\/td><\/tr><tr><td><strong>Modo Aula&nbsp;<\/strong><\/td><td>Activar o desactivar el Modo Aula<\/td><\/tr><tr><td><strong>Opciones de color<\/strong><\/td><td>Seleccione los colores para su marca, los acentos, el indicador de progreso y el texto del men\u00fa. Haga clic en\u00a0<em>Seleccionar color\u00a0<\/em>muestra un selector de color: <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 del aula<\/strong><\/td><td>Elija un logotipo para que aparezca en la esquina superior izquierda de la interfaz. Haciendo clic en&nbsp;<em>Seleccionar imagen&nbsp;<\/em>abre el selector de medios est\u00e1ndar de WordPress. Puede seleccionar una imagen existente, como el logotipo de su sitio, o subir una imagen personalizada.<\/td><\/tr><tr><td><strong>Ubicaci\u00f3n del bot\u00f3n Lecci\u00f3n<\/strong><\/td><td>Especifique la ubicaci\u00f3n de los botones de navegaci\u00f3n que permiten a los alumnos avanzar a la siguiente lecci\u00f3n o volver a la lecci\u00f3n anterior: <br><em>Top<\/em>\u00a0- Aparece en la barra de men\u00fa de la cabecera\u00a0 <br><em>Fondo<\/em>\u00a0- Se muestra debajo del contenido de la lecci\u00f3n\u00a0 <br><em>Ambos<\/em>\u00a0- Mostrado en ambas ubicaciones\u00a0<\/td><\/tr><tr><td><strong>Enlace CSS<\/strong><\/td><td>Opcionalmente, introduzca una clase CSS para aplicar a la lecci\u00f3n completa, a la lecci\u00f3n anterior y a los enlaces de migas de pan. Los desarrolladores pueden utilizar esta funci\u00f3n junto con WP Footer Hook para aplicar estilos personalizados a la interfaz. <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 pie de p\u00e1gina WP<\/strong><\/td><td>Active esta opci\u00f3n para ejecutar el\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/wp_footer\/\" target=\"_blank\">wp_footer<\/a>\u00a0despu\u00e9s de mostrar la interfaz. Por defecto, el Modo Aula omite completamente el tema de WordPress. Esto ofrece el mejor rendimiento, pero no da ninguna oportunidad a otros plugins para cargar las bibliotecas que necesitan.<br><br>Por ejemplo, el rat\u00f3n MemberMouse\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/es\/docs\/enlace-miembro-smarttag-mm_member_link\/\" target=\"_blank\">Enlace para miembros<\/a>\u00a0y\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/membermouse.com\/es\/docs\/enlace-de-compra-smarttag-mm_purchase_link\/\" target=\"_blank\">Enlace de compra<\/a>\u00a0Las SmartTags\u2122 requieren scripts y bibliotecas adicionales para funcionar correctamente, por lo que si desea utilizar estas SmartTags\u2122 en sus cursos, debe activar esta opci\u00f3n.<br><br>Los desarrolladores y usuarios avanzados tambi\u00e9n pueden escribir c\u00f3digo personalizado para cargar secuencias de comandos, estilos y bibliotecas adicionales para personalizar los Cursos o proporcionar funciones adicionales.<\/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>Cursos para MemberMouse incluye una serie de opciones que le permiten controlar la experiencia de sus alumnos. Por defecto, Cursos presenta su contenido en una interfaz personalizable y aut\u00f3noma. Los desarrolladores y...<\/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\/es\/wp-json\/wp\/v2\/ht-kb\/8143","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\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/comments?post=8143"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb\/8143\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/media?parent=8143"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-category?post=8143"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/es\/wp-json\/wp\/v2\/ht-kb-tag?post=8143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}