{"id":1389,"date":"2022-05-13T14:55:04","date_gmt":"2022-05-13T12:55:04","guid":{"rendered":"https:\/\/portal.edu.gva.es\/aules\/?p=1389"},"modified":"2026-06-05T13:42:50","modified_gmt":"2026-06-05T11:42:50","slug":"moderniza-el-diseno-de-tus-aulas-virtuales-con-bootstrap","status":"publish","type":"post","link":"https:\/\/portal.edu.gva.es\/aules\/es\/moderniza-el-diseno-de-tus-aulas-virtuales-con-bootstrap\/","title":{"rendered":"Moderniza el dise\u00f1o de tus aulas virtuales con Bootstrap"},"content":{"rendered":"\n<p><strong>Actualizar el estilo<\/strong> o a\u00f1adir nuevas funcionalidades a los recursos de tus aulas virtuales puede resultar <strong>muy sencillo<\/strong>. <strong>Tan solo necesitas <\/strong>copiar y pegar el dise\u00f1o de Bootstrap que m\u00e1s te guste en el editor de texto de los recursos de tu aula vitrtual y guardarlo despu\u00e9s.<\/p>\n\n\n\n<p><strong>Bootstrap es un framework de c\u00f3digo abierto<\/strong> muy conocido y empleado en el dise\u00f1o de multitud de sitios y aplicaciones web. Al ser en c\u00f3digo abierto, podemos ver y utilizar sus dise\u00f1os ya hechos de elementos web (una combinaci\u00f3n de c\u00f3digo HTML, CSS, etc) como botones, cards, mensajes de alerta, presentaci\u00f3n de contenido en &#8220;pesta\u00f1as&#8221;, en carrusel, etc en nuestras p\u00e1ginas web o en este caso, en el <strong>editor de texto <\/strong>que tenemos disponible en los recursos de Aules.<\/p>\n\n\n\n<p>Un ejemplo de c\u00f3mo a\u00f1adir <strong>botones con diferentes estilos<\/strong> que enlazan a diferentes URLs:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/Seleccio_215.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Estilos de botones para saltar a actividades o p\u00e1gines.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/bootstrap1-1.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Bootstrap a\u00f1adido en el editor de texto del recurso &#8220;enlace&#8221;<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>Ejemplo de <strong>tipos de mensaje con Bootstrap<\/strong>: aviso, alerta, importante, etc<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/Seleccio_216-1.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Estilos para mensajes de aviso, alerta, etc<br>\n<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/bootstrap0-3.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Estilo de Bootstrap a\u00f1adido en el editor de texto del recurso &#8220;tarea&#8221;<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>Y un ejemplo del estilo<strong> &#8220;Cards&#8221;:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/Seleccio_214.png\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/Seleccio_217-1024x192.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Bootstrap para a\u00f1adir el estilo &#8220;cards&#8221; al recurso &#8220;etiqueta&#8221;<\/figcaption><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>En la web de Bootstrap pod\u00e9is encontrar muchos ejemplos m\u00e1s. Echad un vistazo!<\/p>\n\n\n\n<p><a href=\"https:\/\/getbootstrap.com\/docs\/\">https:\/\/getbootstrap.com\/docs\/<\/a><\/p>\n\n\n\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Actualizar el estilo o a\u00f1adir nuevas funcionalidades a los recursos de tus aulas virtuales puede resultar muy sencillo. Tan solo necesitas copiar y pegar el dise\u00f1o de Bootstrap que m\u00e1s te guste en el editor de texto de los recursos de tu aula vitrtual y guardarlo despu\u00e9s. Bootstrap es un framework de c\u00f3digo abierto muy &#8230; <a title=\"Moderniza el dise\u00f1o de tus aulas virtuales con Bootstrap\" class=\"read-more\" href=\"https:\/\/portal.edu.gva.es\/aules\/es\/moderniza-el-diseno-de-tus-aulas-virtuales-con-bootstrap\/\" aria-label=\"Read more about Moderniza el dise\u00f1o de tus aulas virtuales con Bootstrap\">Llegir m\u00e9s \/ leer m\u00e1s<\/a><\/p>\n","protected":false},"author":5974,"featured_media":712,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[87,375,28,125],"tags":[436,468],"class_list":["post-1389","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formacion-es","category-gestion-del-aula","category-mejoras-es","category-noticias-es","tag-bootstrap","tag-plugin","no-featured-image-padding"],"lang":"es","translations":{"es":1389,"va":1407},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/1389"}],"collection":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/users\/5974"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/comments?post=1389"}],"version-history":[{"count":2,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/1389\/revisions"}],"predecessor-version":[{"id":4541,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/1389\/revisions\/4541"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media\/712"}],"wp:attachment":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media?parent=1389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/categories?post=1389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/tags?post=1389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}