 Hola, ¿qué tal? Pues bueno, como ya me han presentado, soy Ángel Cabaleiro y vamos a crear una academia en el indirecto, ¿vale? Nada, me presento un poquito antes de empezar. Soy Ángel Cabaleiro, hago tu web en WordPress mientras miras aprendes y resolvo tus dudas. Que básicamente es lo que hago en cocreación web, en mi web. Después tengo un podcast de emprendimiento donde hago entrevistas a emprendedores y emprendedoras. Si os queréis pasar, me podéis contratar. Y tengo también un canal de Telegram gratuito que lo podéis hacer desde consulte.wp.com donde voy subiendo desde hace 3 años recursos y plugins interesantes para WordPress. Y nada, me podéis encontrar en LinkedIn, Ángel Cabaleiro y en Twitter también. Antes de empezar con el taller, voy a decidir algunas opciones, hacer un poco de introducción. A la hora de hacer una academia online la podemos hacer con un LMS, que es un gestor de aprendizaje, que ya te gestiona a los alumnos y te deja a veces hacer test. Es que me dicen que a ver si puedes hablar un poquito más alto que no has escuchado. Se suele enquejar de que me... A ver, a ver. Que normalmente hablo alto de más. Claro, claro. Pues a la hora de hacer una academia online la podemos hacer con un LMS, que es un gestor de aprendizaje, que sería para gestionar alumnos, para hacer este hipotest, y digamos que ya lo tiene todo integradito y todo masticadito. O si no lo podemos hacer directamente, si no necesitamos ni hacer test, ni gestión de alumnos, ni calificaciones ni nada, lo podemos hacer sin un LMS, que sería directamente con un custom post type, o sea, un tipo de contenido personalizado. Y luego hay una serie de plugins que nos pueden ayudar para que sea más sencillo, ¿vale? Entonces, lo voy a centrar el taller en la opción de sin LMS, porque es la más complicada, digamos, la que suele costar más. Pero después os voy a poner ejemplos con Sensei LMS, con Tutor LMS y con Academia LMS. Lendas, como es de pago, no voy a poner ejemplos en este caso, ¿vale? Pero también sería otro LMS que está muy bien, otro gestor de aprendizaje, que de hecho lo suelo utilizar bastante, pero me voy a centrar en opciones de pago gratuitas, perdón. Y luego también se podría hacer sin Wordpress, para algo muy, muy, muy sencillito. Se podría usar Google Classroom, por ejemplo, que creas una clase y puedes compartir cositas, muy sencillito, no tiene casi nada, ¿vale? Y luego ya hay plataformas de pago, que suelen ser bastante caras, tipo Nubili, Tichable, Evolcampus, Neo LMS. Y luego está Hotmark, que no es de un pago caro, pero sí que te cobran una comisión bastante alta, ¿vale? Pero bueno, eso no lo voy a tocar en este caso. Entonces, sin LMS, para hacerlo con Custom Post Types, hay una serie de planes que nos pueden venir, ¿vale? Entonces, para mostrar cuáles son las páginas hijos, en este caso los cursos hijos, que serían las lecciones, yo suelo utilizar este plan, cuando no quiero hacerlo por código, que es Cechai Pages, ¿vale? Y lo que haría básicamente sería esta parte de decir, vale, tenemos este curso y ver cuáles son sus hijos. Te podría valer también, si lo haces con páginas, puedes poner páginas y luego páginas, hijo, y le puedes decir, enséñame, o sea, muéstrame cuáles son las hijas de esta página. En este caso sería del Custom Post Type, ¿vale? Después lo vemos y saldría así, por defecto más o menos, ¿vale? Luego por dentro, desde la administración tendrías que poner un sorco de este tipo, ¿vale?, para que se vean las hijas y luego dentro de las lecciones tendrías que poner algo así, tendrías que poner la ID de la página padre, o sea, aquí diría todas las hijas de la página padre o del Custom Post Type padre, muéstrámenos aquí, entonces saldrían eso, así en esta forma. ¿Vale? Después está también WP Complete, que sería para marcar como completado, porque claro, si lo haces con Custom Post Type o con páginas incluso, no puedes marcar como completado y es algo que suele echar de menos bastante gente. Entonces, en la versión gratuita lo podrías hacer con páginas o entradas, en el caso de que hagas la academia con páginas o entradas en lugar de un Custom Post Type y en la versión de pago ya te deja también marcar como completado los Custom Post Type. Bueno, un Custom Post Type es un tipo de contenido personalizado, sería como si fueran páginas o entradas, pero distinto, con otro nombre, ¿no?, como los productos de WooCommerce, por ejemplo. Sería un Custom Post Type, pero que te lo trae ya WooCommerce directamente. Luego, para crear lo que os comentaba, los Custom Post Type lo podéis hacer por código, pero como suele echar bastante a la gente, yo suelo utilizar este plugin, Custom Post Type Wii, que facilita muchísimo la creación de tipos de contenido personalizados y también de taxonomías personalizadas. Por ejemplo, aquí tendría, en lugar de, o sea, a partir de tener entradas y páginas, tendría también cursos, ¿vale?, y tengo una taxonomía personalizada que sería tipos, en este caso. Entonces, tendría pues el curso y lo que os comentaba, luego tengo cursos-hijo, que serían las lecciones. Vale, y bueno, esto sería un poco la interfaz para crear el tipo de contenido, ¿vale?, pues cursos en este caso, tampoco me voy a parar mucho porque luego lo vemos directamente, y también para crear taxonomías. Entonces, es bastante fácil, tú le dices el nombre, le dices los ajustes que quieres y quieres que tengan hijos o no, y luego las conectas entre ellas, eso sí. Vale, lo bueno que tiene también este plugin, el de Custom Post Type Wii, es que si tú no quieres tener ese plugin instalado por alguna razón, no lo quieres tener activo, lo que puedes hacer es copiar este código en el archivo .shp de tu sim, bueno, de tu size sim, que no deberías ponerlo en el sim, ¿vale?, y entonces copias este código y después puedes quitar el plugin sin problema. O sea que si eres de hacerlo por código, directamente lo puedes copiar y pegar. Opciones que podéis utilizar, bueno, si sabes un tema clásico, bueno, hay dos tipos de temas. Están los temas clásicos, que son los que usábamos hasta ahora, que tenían el personalizador, tú ibas a apariencia y personalizador, ibas ahí ajustando cositas, y tenían una cabecera, un pie, ¿vale?, y después están los temas de bloques que directamente ya usan el full site editing, que le llaman, que tú desde una misma página puedes editar también la cabecera y el pie, o sea, es un poco como los maquetadores, como cuando usas Elementor que te deja también maquetar la cabecera, te deja maquetar el pie, y no solo el contenido. Entonces lo están orientando por ahí, lo que vas a que está evolucionando y de momento es complicado. Entonces, para hacerlo con un tema clásico que se usan hasta ahora, que es lo que eso lo recomendaría de momento, porque es lo que, lo más fácil y de lo que hay más documentación, ¿vale? Yo suelo utilizar este SIM Astra, que es bastante ligero, y además a nivel de programación está bastante bien, y llevo usándolo ya desde 2019, o sea, cuatro años, y muy guay la verdad. Bueno, yo uso la versión de pago, pero también tenéis la gratuita que está bastante bien. Después, para ayudarme a maquetar, como guttenber, por defecta, a mí se me hace un poco intuitivo, y los bloques, bueno, suelo utilizar este Cadence Blocks, que tiene varios bloques, y hay uno que es muy interesante, que es el diseño de la fila que le llaman ahora, que es como una tradición directamente del inglés, que te deja hacer una sección y te deja poner márgenes, padding, hacer la parte de responsive, pero todo mucho más intuitivo, porque con guttenber está un poco más escondido si le quieres poner márgenes o padding, está oculto y tal, y aquí es mucho más intuitivo. Vale, después, si en lugar de ir al login de WordPress, quieres poner la típica ventanita modal que se ven muchísimas academias, pues estaría también este plugin o su modal login, que de hecho lo hicieron aquí, personas de la comunidad, para eso, para que te salga, le das al login o entrar y te sale la ventanita y ya puedes logrearte sin tener que ir a una página aparte para hacerlo. Luego, este plugin también está bastante interesante, sobre todo si no vais a hacer la academia abierta y queréis tener menús condicionales, con este plugin le podéis decir si está conectado, muéstrame este elemento del menú y si no está conectado no, o al revés, después decir si está conectado muéstralo, si no está conectado ocúltalo. Y tiene más opciones, pero bueno, básicamente yo uso esa para decir, bueno, pues por ejemplo, la página de registro, no te interesa que la vea la gente que ya está dentro de la academia y la parte de mi cuenta, o sea, ese elemento del menú, no te interesa que lo vea la gente que está afuera, porque aún no lo tienen. Vale, bueno, esto es lo que os comentaba, que podéis elegir aquí, si es por el rol y también si está conectado, no está conectado, incluso país y en la versión, bueno, tiene una versión de pago y ahí incluso te deja hacer conexión con Rastico Tempro, bueno, un plugin de membresías. Entonces tiene bastantes opciones, está interesante. Este plugin eso sí, no funciona con temas de bloques, porque me ha cuadrado ya varias personas que me lo comentaba y decían, no me funciona el plugin y tal, y yo, pues a mí me funcionaba perfectamente. Y qué era, porque estábamos usando un tema de bloques. Vale, alternativamente, a Ithmenu, que sería para los elementos por separado, está CondicionalMenus, que sería para tener menús en diferentes ubicaciones, condicionalmente. Y dice, si se cumple esta condición, por ejemplo, si está en esta página en concreto, muéstrame este menú, y si está en otra, pues muéstrame el otro, ¿no? Pero ya sería el menú entero, no elementos por separado. Vale, le dirías aquí, pues el menú, en la parte de arriba en el menú principal, si no puedes ponme este, si es una página simple, pues me pones este y si no me pones otro, ¿no? Claro que puedes poner varias condiciones. Luego, con tema de bloques, podéis usar, por ejemplo, bueno, el que viene por defecto, ya, 20 free, pues ya es un tema de bloques, por defecto, ¿no? ¿Está bien? Pero luego está este, que es de los creadores de Astra, que también está bastante guay. Y se puede utilizar con, bueno, no lo puse por aquí, pero tiene también una colección de bloques, que sería parecida a la de Cadence Blocks, que se llama Spectra, ya el mismo nombre, porque es de los mismos, y también tiene opciones interesantes, ¿vale?, para maquetar y demás. Luego, como ifmenu y condicional menú, no funcionan bien con un tema clásico, digo como un tema de bloques, perdóname, ¿podrías utilizar este plugin para decirle, pues, ¿se va a ver este bloque en un sitio o no? Sobre todo para la parte de contenido, porque después para parte de la cabecera, ya tiene el propio WordPress, o por lo menos con este tema, te da la opción ya de ocultarlo o no, en función de si estás conectado o no estás conectado. Vale, y luego habría la opción de, en vez de hacerlo de esta forma, todo un poco separado y manualmente, que sería para algo muy sencillo, que mucha gente dice, es que, claro, me sobra por todos lados un LMS, porque no necesito ni gestinar alumnos, ni tener calificaciones, ni nada. Entonces, en ese caso, pues tendríais, por ejemplo, Sensei LMS, que es de los mismos creadores, o sea, son automáticos, mismos creadores de WordPress, GoogleCommerce, entonces se integra muy bien con GoogleCommerce en la versión de pavo es así, pero tiene una versión gratuita que tú puedes poner los cursos en abierto o con usuarios registrados. Y tiene algunas extensiones, como, por ejemplo, bueno, la que más suele utilizarse es la DLMS Certificates para hacer certificados, vale, que va un poco así, pero bueno. Después, otras opciones, también, uy, quieto. Tutor LMS, que, por ejemplo, un chico de la comunidad, Alexa Ballos, tiene una academia con este LMS y está bastante contento. Entonces, es una opción también, tiene cositas interesantes, y luego tiene, visto que tiene este plugin, por si queréis, por si utilizáis el Elementor para tener bloques, widgets, o como le queréis llamar, específicos para Elementor, vale. Y después está también este, que, de hecho, estuvo haciendo mucho en absumo, tuvieron una oferta de la versión de pavo, entonces igual lo suena por eso, academia LMS, que está bastante curioso a nivel de cómo lo han estructurado, me gusta. Y, bueno, tiene algunas extensiones, como, por ejemplo, bueno, start and templates para empezar ya con una base lista, vale, para certificados, y también tiene add-ons o widgets, bloques para Elementor. Vale, entonces ahora vamos al propio DLMS, vale, y nos vamos a centrar en, sin LMS y con tema clásico. Y luego os voy a enseñar un ejemplo, sin LMS con tema de bloques, con Sensei LMS, con Academia LMS y Tutor LMS. Dependiendo del tiempo que sobre, pues veremos un poco más o un poco menos, pero la idea es que aprendáis a hacer la opción más difícil, bueno, más difícil, la más sencilla, ¿no? A nivel de, la que menos opciones tiene, vale. Pues voy a sentar por aquí. Vale, ¿se ve bien por ahí? Vale. Ok, pues aquí tengo nada, un sitio vacío, sin nada, le acabo de instalar el WordPress, y bueno, le dejé instalado los plugins para no andar aquí, vamos a instalar y tal, ¿no? Entonces, bueno, para instalar plugins, te iríais a plugins a añadir nuevo y buscaríais aquí los que os interesen, ¿vale? Pero para agilizar un poco la tarea, ya los tengo aquí instalados, bueno, menos que si todos, ¿vale? Entonces, los que os comentaba, vamos a empezar con Custom Post Type UI, para crear el Custom Post Type y tenerlo ya listo. Entonces, en vuestro caso, lo instalaríais y pues lo activáis, ¿vale? Y os aparecería aquí a la izquierda, CPT UI, que es la abbreviación de Custom Post Type. Entonces, le daréis aquí a añadir, editar tipos de contenido. Vale, aquí le podéis poner el nombre, bueno, este sería el slug, sería lo que aparece en la URL, o sea, vuestro dominio.com- y ¿qué va a aparecer? En este caso, por ejemplo, sería cursos. Aquí le decís, pues, cursos también. Etiqueta singular sería curso. Y podríais crear el tipo de contenido así directamente o podéis abajo editar varias opciones. Aquí le podéis poner qué textos queréis que tengan aquí en el menú a la izquierda, después. Que yo, normalmente, no lo edito, pero si cada vez te pone a añadir nueva curso o añadir nuevo algo que sean femeninos, pero bueno, eso como es a nivel interno tampoco va a afectar mucho después en la academia, entonces si queréis lo cambiáis y si no, no. Esto lo podéis hacer después, si queréis. O sea, podéis hacerlo hacer el Custom Post Type y luego si queréis cambiar alguna cosilla, lo podéis hacer después. Y nada, tiene aquí, pues eso, todos los textos. Y luego tenéis otros ajustes que sería, pues bueno, si el Custom Post Type está público, si es consultable públicamente, o sea, si lo buscan en un buscador, si se podría consultar, si se va a ver la interfaz, bueno, algunas cosillas. Lo importante aquí sería... Bueno, podéis poner también si tiene archivo o no. Yo lo suelo poner falso porque después lo voy a crear una página que se llamará Cursos y lo voy a hacer con un bloque de Cadence. En este caso que también lo podrías hacer con un bloque de espectra porque tiene también un bloque que se llama Cuadrícola de Entradas y puedes usar tanto uno como otro. Pero lo importante es que aquí en jerárquico, la jerarquía le digáis verdadero, para poder hacer lo que os comentaba, que tener cursos padre y luego cursos hijo, como las páginas igual, ¿vale? Aquí da un poco igual que pongáis Posto Page, pero bueno, lo podéis dejar así ya, ¿vale? Y nada, el resto no lo suelo tocar. Luego aquí le podéis decir qué se va a ver. Normalmente pongo extracto, comentarios no me suelen interesar, porque las le sienten suele haber. Bueno, podéis activar revisiones autor, pero no hace falta. Y luego aquí le podéis decir con qué taxonomías se va a vincular. Podríais usar las que vienen por defecto, las categorías y las etiquetas de las entradas, pero bueno, no os lo recomiendo, porque es mejor poner una específica, ¿vale? Entonces le des a añadir tipo de contenido y ya lo tendríais. Si os fijáis aquí a la izquierda sale cursos y lo tenéis igual que con las páginas y con las entradas, podéis crear aquí los cursos, ¿vale? Tenéis todos los cursos y aquí podéis añadir uno nuevo si queréis. Vale, y después también podéis con este plugin añadir taxonomías, ¿vale? Nos vamos aquí a añadir taxonomías, aquí ya no tiene tantas opciones, y sería por ejemplo categoría, bueno, categoría del curso. ¿Vale? Categorías del curso y categoría del curso. Vale, y luego le tenéis que decir con qué lo vais a querer vincular. En este caso, lo vamos a querer vincular con cursos y después de añadir esta taxonomía y vincularla con cursos, tendríais que volver al tipo de contenido de cursos y vincularlo desde allí también, porque si no nos va a aparecer. Para editar un tipo de contenido, vais igual que antes aquí a añadir editar tipos de contenido, pero en vez de ir a la primera pestaña, vais a la segunda, editar tipos de contenido, ¿vale? Y abajo de todo, vais a encontrar lo que os comentaba antes de taxonomías y le dais a categorías del curso guardar tipo de contenido. Entonces, ahora en los propios cursos veréis que os sale lo de antes, ¿no? Todos los cursos, añadir nueva y también categorías de curso, que sería como en el caso de las entradas que tenéis las categorías y las etiquetas. También podríais añadir otra taxonomía, que sea etiquetas de los cursos o la que os apetezca, tipo de curso, ¿no? A veces, pues decir, tipo de curso, el área, por ejemplo, había en un caso que tenía pues el tema de electricidad y luego tenía otra cosa de mecánica, entonces ponía tipo de curso, área y tenía varios. O sea, podéis hacerlas que queráis, pero las tenéis que vencular con el curso, ¿vale? Y luego podéis hacer tantos tipos de contenido y tantas taxonomías como queráis. Vale, y una vez que ya tenemos esto listo, vamos a crear algún curso de ejemplo, ¿vale? Tengo aquí a mano, tengo aquí a mano los cursos para ya tener los textos y copiar y pegar simplemente, ¿vale? Y tengo aquí, bueno, lo que os comentaba antes de que podéis copiarlos, o sea, podéis copiar el código y meterlo fuera y luego si vais a hacer varias academias, lo que podéis hacer es, bueno, voy a darle un poco aquí para enseñaros, ¿vale? Podéis iros aquí a herramientas y si os fijáis aquí pone exportar ajustes de tipos de contenido. Si copiáis este código, que básicamente es el que tengo aquí, lo que podéis hacer es copiáis esto en esta parte del sitio que queráis nuevo y os va a copiar exactamente lo que tengáis configurado. Entonces, en vez de ir otra vez a crear curso, o sea, crear Custom Post Type de curso tal, copiáis este código en exportar, lo pegáis en importar, le dais a importar y ya en la página nueva lo tenéis listo, ¿vale? Y lo mismo con las taxonomías. Entonces, es mucho más rápido si vas a hacer varias academias, acabas mucho antes. Entonces, vamos a volver aquí otra vez, añadís nuevo, ¿vale? Entonces, voy a cerrar esto. Ya tengo por aquí unos textos de ejemplo para no estar escribiendo. Entonces, vamos a hacer el curso de iniciación a Word, pues, por ejemplo. Y le voy a copiar aquí el texto. Y lo importante para que salga el listado de elecciones que os comentaba antes, sería añadir esto, ¿vale? Este sort code aquí. Bueno, un sort code es un fragmento de código como una abbreviación, ¿vale? Que lo que hace es decirle, buscadme este código en las funciones. Y entonces, no hace falta que escribas todo el código ahí que tampoco funcionaría, pero bueno, ¿vale? Entonces, le vamos a poner aquí, pues, bueno, todas las elecciones. Y le pongo encabezado, ¿vale? Y aquí añadimos un bloque de sort code y le ponemos esto. Bueno, bueno, no me ha copiado bien, pero que no me estaba haciendo caso. Vale, un sort code. Ahora sí, ¿vale? Porque este es lo que va a hacer es enseñar todas las páginas hijo, o en este caso, cursos hijo, que serían las elecciones, que tenga esta publicación en concreto. Vale, para que se vean estas páginas hijo, vamos a tener que activar aquí el plugin de CC Shell Pages, ¿vale? Esto podríais hacerlo por código haciendo una query, pero como es más complicado y quiero simplificarlo, pues, con este plugin, que es gratuito, ya lo podéis hacer. Entonces, si nos vamos a hablar los cursos, ella debería verse aquí... María, tenemos aquí el curso, el título, la descripción y luego en todas las elecciones. No sale ninguna, porque no tenemos ninguna. Entonces, vamos a crear ahora varias lecciones para ver cómo se vería, ¿vale? Vale, lo que podéis hacer es que podéis crear una nueva directamente o también podríais usar un plugin que se llama Duplicated Page, ¿vale? Duplicate... podéis usar este plugin Duplicated Page para que si tenéis una entrada o una página y la queréis duplicar, en vez de volver a crearla de nuevo, podéis usar este plugin que no lo tenéis instalado hecho y le dais a clonar y os la clona directamente. Eso os voy a enseñar aquí, ¿vale? Podéis ir aquí, le das duplicar esto y te crea la misma página exactamente igual, te la dejan borrador y entonces tú ahora vas a editarla y ya tienes todo lo que tenías, lo tienes igual. En este caso no nos va a ahorrar demasiado tiempo, pero después en las lecciones sí que sí. Vale, entonces vamos a copiar aquí... Vale, y luego en el sort code, en lugar de utilizar el que teníamos antes, ¿vale? Vamos a utilizar este otro, que sería aquí una idea que veis que tiene 2x, habría que poner la idea del curso, esto sería un poco más, digamos, complejo mentalmente, pero es bastante fácil, ¿vale? Simplemente tenéis que ir a la página de páginas, la página de páginas, ¿vale? Y aquí si os ponéis encima, si os fijáis en la parte de... no sé si se ve aquí, en la parte de aquí abajo, en la URL pone post igual a 15. Bueno, no sé, no creo que se vea desde ahí atrás, pero bueno, si... bueno, si no, cuando le dais a editar, ¿vale? Aquí arriba pone post igual a 15. Entonces cogéis este número y os lo lleváis aquí, ¿vale? Cambiáis esta xx por 15 y entonces ya tendréis. Ah, bueno, lo más importante y como os fijáis, me acabo de equivocar, yo no lo acabo de hacer, es que le digáis cuál es su página padre, o sea, de qué curso pertenece en este caso, ¿vale? Que sería curso de iniciación. Si no hacéis esto, Warpers no sabe a qué corresponde. Dice, vale, es una lección suelta, es un curso y ya está. Pero si le decís aquí en página superior curso de iniciación, lo que va a hacer es decir, vale, es un hijo del curso y entonces ya te sale aquí abajo, ¿vale? Y si os vais al curso, bueno, no tengo esto aquí, si os fueráis al curso, veréis también estas lecciones. Vale, entonces vamos a hacer varias lecciones más para que lo veáis y aquí sí que nos va a venir bien lo de duplicar, ¿vale? Voy a duplicar varias veces y ahora aquí ya solo tenemos que, ya aprovechamos este sort code, lo podemos aprovechar, ya no tenemos que ver otra vez cuál es la idea y solo cambiamos el contenido, ¿vale? Importante que os acordéis aquí de darle en atributos. Bueno, lo bueno que si duplicáis, ya os guarda también el atributo, entonces ya no hace falta que lo pongáis, ¿vale? Creo que eso lo voy a hacer tres porque si no os vais a ocurrir aquí un poco y voy a borrar esto. Vale, entonces ya tenemos el curso y tenemos tres lecciones. ¿Cómo lo mostramos? Claro, podríamos hacerlo como el archivo lo que vas que nos va a poner, los estilos que tenga por defecto el CIM y suele ser bastante feos. Entonces, decirle que no tenga archivo como hicimos antes y añadir una nueva página que le vamos a llamar en este caso cursos y yo en mi caso de hecho creo que no lo he activado, espérate, voy a utilizar este plugin que os comentaba antes, ¿vale? Cadence Blocks para poder utilizar, tiene varios bloques que son mucho más intuitivos que los que vienen por defecto con Gutenberg y por ejemplo tiene uno que está muy bien, voy a actualizar primero Cursos tiene un bloque que se llama Diseño de la fila este, ¿vale? Me tiene enamorado porque con este es como si fuera como cuando editas con Elementor o un plugin similar que le puedes decir una columna a varias columnas y luego tiene aquí aparte, por ejemplo, si le pones varias columnas le puedes decir qué estructura tienes y una lado de otras y una encima de otra tanto en escritorio como en tablet como en móvil entonces tú le puedes decir a lo mejor que se ponga una lado de la otra en escritorio pero luego en tablet o en móvil que salga una debajo de otra entonces a nivel de responsive es mucho más fácil en este caso voy a hacer una entera ¿vale? y bueno aquí le podéis decir también le podéis poner un divisor arriba si queréis no decir, bueno con una formita, cositas, bueno tiene bastantes, bastantes cosas interesantes y bueno podéis también cambiar el ancho la separación de filas luego en estilo le podéis poner un fondo si queréis un fondo de color, un fondo de imagen un degradado e incluso podríais poner un carrusel pero no me gustan nada los carruseles nos lo recomiendo porque cargan mucho la página o un vídeo cada vez son cositas que por defecto con Gutenberg tienes que usar css y luego le puedes poner sale ahí en verde relleno superior e inferior que sería con el padding si controláis css y luego también margen el padding sería dentro de la sección para darle espacio entonces si tenéis un fondo pues se va a ver con ese fondo también ese espacio y luego el margen sería por fuera o sea toda la sección la separación que tendría con otras secciones y lo que vamos a utilizar aquí es cuadrícula bueno si me salen entradas que hasta le van cambiando el nombre si lo usáis con espectra sería cuadrícula de entradas pero si lo usáis con Caden's block sería entradas y aquí lo que te haces mostrarte en este caso todas las entradas o lo que podríais hacer es decirle pues muestrame todas las páginas o todos los cursos aquí nos interesa que nos muestran los cursos los podemos ordenar de más nuevos a más antiguos le podemos decir cuántos elementos se van a mostrar por ejemplo si este es lo que lo podéis utilizar en la home y decir pues muestrame tres y que sean los tres últimos pero bueno en este caso nos interesa que nos salgan todos los que hagan falta podéis ponerle la ocupaginación también y vamos a seleccionar como os fijáis aquí os salen las secciones también porque también son el mismo tipo de contenido y yo lo que suelo hacer es decir suelo crear aprovechar categorías de cursos para crear una que se llama elecciones y otra que se llame cursos y entonces después poder filtrar aquí todo lo voy a hacer voy a guardar aquí y me voy a crear las las categorías estas vale entonces aquí voy a crear una que se llame cursos y otra que se llama elecciones elecciones y luego dentro de los cursos le puedes decir hasta aquí no le voy a decir cada uno que si es un curso una lección y así después lo podéis filtrar vale os va a salir aquí categorías de curso y aquí le ponéis en este caso curso y en el resto le vamos a poner lecciones lecciones lecciones y lecciones también entonces aquí voy a actualizar y ahora en el mismo bloque de antes le podemos decir aquí en taxonomía le vuelvo a decir categorías y le podemos decir muéstrame los cursos o muéstrame lecciones entonces a nosotros nos interesa que nos salgan solo los cursos a no ser que tengáis muy poco contenido y digáis bueno en vez de mostrar los cursos voy a mostrar las lecciones para que parezca que tengo más cosas o para que puedan acceder directamente a lo que nos interesa, si le ponemos cursos pues ya nos saldría solo el curso de iniciación vale luego podéis hacer aquí algunos ajustes que en vez de ser tres columnas sean dos por ejemplo también decirle en tablet si va a ser una o dos por ejemplo si queréis que sea encaja o el estilo que tenga bueno aquí tiene bastantes opciones no tiene tantas opciones como el de espectra de hecho el de espectra me gusta bastante pero como un poquito a lo mejor de CSS después luego ajustáis guay vale aquí le podéis decir también que etiqueta HTML le tiene por ejemplo si aquí tenéis cursos pero luego vais a mostrar diferentes o sea con diferentes títulos pues podría ser interesante a lo mejor pues que esos títulos a lo mejor queréis poner pues cursos de mecánica cursos de electrónica y luego dentro y luego ponéis esto pues a lo mejor os interesa que en vez de ser un h2 porque ya van a ser esos títulos sea un h3 por ejemplo vale podéis decir el tamaño de la letra también podéis decir que sea más grande más pequeño bueno aquí tiene ajustes si queréis que no sean estos que vienen por defecto le podéis dar aquí y le ponéis directamente los pixels que os interesa también podéis ajustar el alto de línea mayúscula minúscula bueno varias cositas y luego en este caso no he puesto imágenes pero también le podéis decir si tenéis imágenes pues si es la proporción 3.2, 16.9 que es la alargada o bueno tienes aquí varias opciones vale y el tamaño de imagen vale luego lo interesante también es que tú aquí si os fijáis sale todo bueno saldría también la imagen pero no lo hemos puesto o salen los metadatos, la fecha o sale el título o sale el extracto que como no hemos puesto ninguno va a coger un fragmento del código y sale leer más pues con esto lo que podéis hacer es decirle vale no me interesa la información los metadatas no me interesa que me muestres ni el autor ni la fecha ni nada entonces lo podéis quitar y luego también podríais quitar incluso el extracto y el botón de leer más también porque esto ya tiene enlace entonces yo lo que suelo hacer es poner dejar solo la imagen y el título del curso con el enlace de hecho voy a cambiar aquí le voy a poner una imagen para que veáis como queda también vale entonces saldrían aquí ya los cursos en este caso sólo tenemos este y luego con css podéis ir ajustando ya más cosillas entonces nos vamos al curso y tendríamos aquí bueno hasta habría que ajustar con css y decirle oye no me pongas esto tan grande o también podríais con css decirle no me muestres esta imagen y luego también este listado suele quedar un poco feo entonces se le suele dar un poco de estilo entonces yo tengo por aquí y a un código css a mano para aplicar algunos estilos la ventana model no me hace falta porque no la he puesto todavía en este caso aún hemos activado el tema astra vale voy a activarlo porque si no por defecto te viene con 2020 free y es un tema de bloques y funciona de otra forma pero bueno si es un tema clásico podéis ir a apariencia personalizar y para lo ideal sería ponerlo en el style.css de vuestro child theme pero cuando estéis probando y aún no sabéis exactamente qué código vais a meter o queréis hacer algo rápido vale os podéis venir aquí haces ese adicional y pegar aquí vuestro código entonces qué voy a hacer con este código vale pues por un lado le voy a decir que en los cursos no lo ponga como listado se le quita el puntito le ponga un fondo le pongo un poco de margen le cambio también el relleno le voy a poner a cada a cada elemento le voy a poner un poco de bordes radios que sería el radio del borde esto que hay los bordes que den un poco redondos también luego le digo que no tenga que no tenga en vez de meterlo hacia la derecha no lo haga le voy a decir bueno esto no hace falta porque ya le hemos dicho desde le hemos dicho desde el propio cadence blocks con el bloque le hemos dicho que no tenga los metadatos pero si no utilizáis cadence blocks y en lugar de eso utilizáis un archivo normal podríais decirle que lo oculte vale y luego que nos muestre las barritas de la lección siguiente y la lección anterior que si no me equivoco a ver esto de curso siguiente y luego curso anterior vale queda un poco raro entonces yo le digo también que lo quite tengo por aquí que después si os interesa os paso lo que tengo por aquí vale para que probéis vosotros os puedo pasar el código o lo subo sino a a mi canal de telegram y lo veis vale lo interesante que en lugar de aparecer las últimas entradas vale porque por defectos va a salir esto que vayáis aquí ajustes lectura y le digáis una página estática cursos vale luego algo interesante normalmente es que mientras estáis creando la página le marqueis aquí pedir a los buscadores que no lo indexen mientras estáis trabajando en la página y aún no tenéis el contenido definitivo pero os tenéis que acordar al final vale os tenéis que acordar luego de desactivar esta opción porque si no os va a quedar la página sin indexar y puede ser un problema y entonces con esto ya tendríamos la página de de curso bueno la página de cursos que la he puesto de portada de la página y dentro de cada curso ya tendríamos su contenido y luego lo que os comentaba aquí que le podéis dar un poco de formato con css y en lugar de cosas parezca el puntito y eso pues le podéis poner un fondo podéis cambiar luego incluso también este tipo de letra hacele un poco de separación para que no quede tan como si fuera una lista normal vale que mostré vale y luego os voy a enseñar también ejemplos luego podríais si tenéis algún elemento de menú que lo queráis y si tenéis un elemento tradicional pues podéis usar el plugin que os mencionaba antes y menú vale pero en este caso como estoy haciendo una academia abierta pues no hace falta que pongas unos elementos conectados y otros si no estás conectado pero si tuvierais restricción de contenido o necesitaran que tengáis registro no decir no podéis acceder a estos cursos pues podríais usar este plugin para decirle si está conectado mezclarme este elemento y si no no vale y luego os voy a mostrar ahora algunos ejemplos los otros ejemplos que comentaba una pagina con un tema de bloques no, este es lo mismo con un tema de bloques sería lo mismo eso ya están hechos tengo aquí hecho lo mismo pero con un tema de bloques lo que tendríais es que mira aquí tengo de hecho este botón está oculto para no logreados entonces si me voy al mismo sitio en ventana privada pues no aparecería por ejemplo veis que aquí sale oculto para no logreados este elemento solo sale en un caso y para hacer eso con un tema de bloques tendríais que iros aquí esta parte al a la barra lateral no, espera esto no es perdón, esto de aquí tenéis que iros al editor de sitio editar sitio para añadir el código CSS que os comentaba antes aquí está un poco oculto tenéis que veniros aquí a estilos darle al lapicito y luego aquí en los tres puntitos darle a CSS adicional un poco oculto o un menú de brocheta creo que me dijeron que se llamaba este después tenéis también que básicamente este va a ser lo mismo porque lo que he hecho es exactamente lo mismo pero con un tema de bloques aquí podéis ver varios ejemplos con las imágenes que en el anterior no puse imágenes entonces aquí muestro también las lecciones pues saldría así con la imagen y luego entras y verías también pues con este cambio también y luego tenéis los lms ¿cuánto queda? cinco luego en lugar de hacerlo de esta forma de cada cosita por separado que puede ser un poco más complejo para vosotros tenéis después por ejemplo Sensei o bueno Sensei Academy lms o Tutorial lms que ya tienen todo esto tienen digamos que hecho entonces internamente cuando instaláis el plugin nos venís aquí por ejemplo Sensei lms y tenéis ya cursos, módulos lecciones digamos que los módulos serían para agrupar los cursos y cada curso tiene varias lecciones y luego también podríais hacer cuestionarios si queréis hacerles amenes tipo test a vuestros clientes pues también podríais y tiene aquí gestión de estudiantes luego en la versión de pavo tenéis incluso también vender cursos individualmente podríais gestionar grupos y también tenéis aquí para gestionar calificaciones tiene más cositas incluso dentro del propio curso puede haber un botón que sea contactar con el profesor y que ya contacte directamente si lo hiciera de la otra forma que os estaba enseñando tendríais que poner un formulario y que ese formulario lo recibiera el profesor básicamente a nivel estético es muy parecido o sea por defecto ya viene así todos los cursos son destacados y en cada curso os aparecen ya las lecciones es muy parecido lo que pasa es que luego tiene el modo aprendizaje que como que te quita ya la cabecera y el pie y te pone el título del curso y cuántas lecciones claro lo que os comentaba antes como lo estábamos haciendo antes no puedes ver el progreso pero sin embargo si lo hacéis con como en el ms podéis ir marcando aquí las lecciones como completadas y os va poniendo pues lleva cero lecciones de cuatro o una o dos o las que sean te pone ya el porcentaje y este modo de aprendizaje lo podéis activar o se activar pero bueno queda más chulo porque no tiene tantas distracciones entonces saldría aquí las lecciones que hay y luego a la derecha el contenido mal y luego con los otros también, con academia y ms bueno este es os enseñaba antes un plugin que te dejaba descargar una plantilla o sea un sitio ya pre hecho entonces te muestra este que ya está pre hecho y tal y con algunos cursos y luego tienes también la página de cursos que sería algo similar pero bueno entras aquí y tiene otra apariencia distinta no te pone te pone el nombre del curso te pone si es gratuito o es de pago o sea aquí te pondría el precio cuántas lecciones tiene si están el idioma por ejemplo si es para principiantes intermedio avanzado se le puedes poner más cositas y claro queda más bonito y incluso tiene aquí la parte de valoraciones y logo nivel interno también es muy parecido que tienes aquí academia y ms los cursos las lecciones lo puedes gestionar todo desde aquí lo primero de este es que tiene si sale por aquí vale creo que no creo que no sale por aquí que tiene en vez de tener que ir a la parte a la parte de atrás digamos aquí al escritorio puedes hacer que los usuarios o sea que los profesores suban cursos y lecciones desde el fronten directamente y me queda poquito tiempo vale y luego estaría tutor lms que es otra opción también en este caso he usado también cadens blogs para mostrar los cursos luego cuando tras en cada curso pues tiene otra estructura diferente puedes añadir la lista de deseos compartir, empezar cada uno tiene digamos una estética diferente pero todos te permiten gestionar alumnos gestionar cursos lecciones y hacer normalmente exámenes también una apariencia distinta pero todos están yendo a este estilo que también lo tiene lenders por ejemplo de poner a la izquierda las lecciones y a la derecha el contenido entonces nada pues os recomiendo que le echéis un ojo a los diferentes opciones y la que os encaje más pues irá por allá y si tenéis alguna duda me podéis encontrar en telegram como Angel Cavaleiro también en LinkedIn, Angel Cavaleiro y en Twitter también