Tutorial portfolio

El Coordinador del Proyecto

Usuario

Para realizar esta actividad necesitas, como mínimo, tener el perfil de Autor en el portal. Si aún no lo tienes, ponte en contacto con tu equipo directivo para que, a través de Rayuela, te asignen ese perfil en tus cargos de docente.

Una vez hecho el cambio, pueden pasar hasta 48 horas antes de que el perfil esté activo y puedas usarlo en tu portal.

Acceso

Para acceder a la zona de administración de tu portal tendrás que introducir, en la barra de dirección del navegador, la URL del mismo seguida de /wp-admin e introducir tu nombre de usuario y contraseña de Rayuela, por ejemplo

https://iesdonosocortes.educarex.es/wp-admin

Ten cuidado al hacerlo: si te equivocas varias veces se bloqueará el acceso y tendrás que escribir soporte-wp@educarex.es para que te lo reactive.

Entradas

Una vez en la zona de administración, vamos a crear nuestra primera entrada. En el menú lateral izquierdo haz clic en Entradas. Se mostrará una pantalla desde la que podrás gestionar todas tus entradas: eliminarlas, editarlas, clonarlas etc.

En la parte superior verás un botón llamado Añadir entrada, desde el cual vamos a crear nuestra primera entrada.

Título e imagen destacada

Al pulsar sobre Añadir entrada se abre la ventana del editor. Completa los siguientes campos:

Título: Centros INNOVATED 25/26.

Imagen destacada
Añadiremos una imagen destacada. Lo ideal es que la crees tú: debe tener un tamaño de 1280 × 220px.
Mientras tanto, puedes usar la imagen de ejemplo que se ofrece a continuación, haz clic sobre ella con el botón derecha y descárgala,

En la parte derecha de la barra del editor, haz clic sobre el botón Ajustes (icono en forma de cuadradito con una raya vertical) -> pestaña Entrada -> Imagen destacada, sube la imagen que acabas de descargar y selecciónala y dale a guardar

Haz clic en Guardar como borrador. Muy importante: no publiques la entrada. De esto se encargará el administrador de vuestro portal.

Contenido

Para el contenido inicial de nuestra entrada, vamos a utilizar una plantilla

Copia el código que encontrarás a continuación.
Haz clic en los tres puntos verticales situados a la derecha de la barra del editor y selecciona Editor de código
Pega el código que has copiado previamente.
Haz clic en los tres puntos y selecciona la opción Editor visual
Guardar como borrador

<!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Enfoque del Proyecto y reto empresarial</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>El proyecto <strong>Sintonía Laboral</strong> nace para resolver una necesidad real de la consultora de RR.HH. <strong>TALENTO &amp; FUTURO S.A.</strong> El reto consiste en diseñar y producir un <strong>Kit de Recursos Formativos en Audio</strong> (podcasts y guías) que la consultora pueda utilizar para mejorar el clima laboral y la gestión de conflictos en las PYMES clientes. El enfoque bidireccional permite que nuestro alumnado, al trabajar en estas soluciones, aplique directamente las técnicas de convivencia y habilidades blandas en el centro, mejorando así también nuestro clima escolar.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://centrosinnovated.educarex.es/centrosinnovated/wp-content/themes/yootheme/cache/cc/photo-1557426272-fc759fdf7a8d-cc7f4ade.webp"><img src="https://centrosinnovated.educarex.es/centrosinnovated/wp-content/themes/yootheme/cache/cc/photo-1557426272-fc759fdf7a8d-cc7f4ade.webp" alt=""/></a></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><strong><strong>Integración de Programas INNOVATED Consolidados</strong></strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>El proyecto se sustenta sobre la experiencia y recursos de nuestros programas consolidados:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>RadioEdu:</strong> Se utiliza para la <strong>producción profesional</strong> de los podcasts (audio de alta calidad, guionización, edición y postproducción) que constituyen el producto final demandado por la empresa.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>CITE Colaborativo:</strong> Proporciona el marco para la <strong>gestión colaborativa del proyecto</strong> (fases, tareas, documentación) y el diseño de las herramientas de análisis de clima laboral y los manuales de habilidades blandas.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Papel del Alumnado y Metodología</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>El alumnado es el <strong>protagonista y agente de cambio</strong> al operar como una <strong>Microempresa Consultora</strong> ante un cliente real (<strong>TALENTO &amp; FUTURO S.A.</strong>). El proyecto se desarrolla bajo la metodología de <strong>Aprendizaje Basado en Retos (ABR)</strong> y <strong>Aprendizaje-Servicio</strong>, situando a los estudiantes en un contexto de trabajo real donde deben investigar, diseñar, producir y transferir un producto de valor.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"media"} -->
<figure class="wp-block-image size-large"><a href="https://institutos.educarex.es/adef/wp-content/themes/yootheme/cache/1e/aprendiendo_aulas_futuro_entrada-1eb01b68.webp"><img src="https://institutos.educarex.es/adef/wp-content/themes/yootheme/cache/1e/aprendiendo_aulas_futuro_entrada-1eb01b68.webp" alt=""/></a></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Interdisciplinariedad y Áreas Implicadas</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>El proyecto es inherentemente interdisciplinar e implica a varios departamentos para abordar el reto desde diferentes ópticas:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Lengua Castellana:</strong> Guionización, comunicación verbal y redacción de informes.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Tecnología/Informática:</strong> Edición de audio, gestión de plataformas digitales y herramientas colaborativas.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Formación y Orientación Laboral (FOL) / Economía:</strong> Análisis de clima laboral, estructura de microempresa y presentación de proyectos.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Tutoría:</strong> Aplicación práctica de las habilidades blandas y técnicas de convivencia.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Tecnología y Uso Digital</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>La tecnología es fundamental para la producción y la gestión:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><strong>Producción:</strong> Uso de software de edición de audio profesional (ej. Audacity/Audition) para los podcasts de RadioEdu.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Colaboración:</strong> Uso intensivo de herramientas colaborativas en la nube (ej. Google Drive, Trello) y plataformas para encuestas digitales avanzadas (CITE Colaborativo).</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Visibilidad:</strong> Uso del portal web del centro y un <strong>Google Sites</strong> dedicado para la difusión de resultados.</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Actividades Destacadas</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>El proyecto se articula en tres grandes fases, con actividades clave como:</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"><!-- wp:list-item -->
<li><strong>Diagnóstico:</strong> Entrevistas con mentores de <strong>TALENTO &amp; FUTURO S.A.</strong> y aplicación de encuestas de clima laboral/escolar.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Producción:</strong> Grabación de la serie de <strong>5 Podcasts</strong> sobre liderazgo asertivo y resolución de conflictos.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><strong>Transferencia: Evento de presentación</strong> a la empresa y a la comunidad educativa, seguido de la entrega del kit formativo final.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Bla bla bla… [enlace para más info] [enlace a vídeo youtube]/</p>
<!-- /wp:paragraph -->

<!-- wp:embed {"url":"https://www.youtube.com/watch?v=Q47yStv9Fis\u0026t=3s","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://www.youtube.com/watch?v=Q47yStv9Fis&amp;t=3s
</div></figure>
<!-- /wp:embed -->

<!-- wp:paragraph -->
<p><strong>¡Te invitamos a visitar el portfolio digital completo de "Sintonía Laboral"!</strong></p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-red","width":100,"style":{"border":{"radius":"100px"},"typography":{"fontSize":"29px"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-red-background-color has-background has-custom-font-size wp-element-button" style="border-radius:100px;font-size:29px">Visita nuestro proyecto</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

En este punto, ya tenemos nuestra entrada casi lista, pero sus datos no corresponden aún con nuestro proyecto. Vamos a modificarlos.

Texto

Modificaremos primero los contenidos de texto:

Haz clic sobre el párrafo que deseas modificar y escribe directamente en él
Al pulsar la tecla Intro dentro de un párrafo, éste se divide en dos. Al pulsarla al final del párrafo se añade un nuevo párrafo después.
Si lo prefieres, puedes copiar un texto y pegarlo con el botón derecho → Pegar sin formato

Imágenes

Prepara las imágenes que quieras utilizar. Se recomienda que las imágenes tengan un ancho mínimo de 1280 px, la altura proporcional según la imagen.

Para sustituir las imágenes existentes por las tuyas, haz clic sobre la imagen en cuestión, pulsa sobre el botón reemplazar de la barra de herramientas del bloque, sube tu imagen a la biblioteca de medios, selecciónala y pulsa sobe añadir

Puedes incluir otras imágenes, añadiendo bloques de tipo imagen. Para ello selecciona el bloque debajo del cual quieras poner tu imagen, pulsa sobre los tres puntitos de la barra del bloque y selecciona añadir después. En el bloque recién creado, pulsa en el botón +, selecciona el bloque imagen y sube tu imagen.

Vídeo

Es necesario que tu entrada tenga un vídeo que ilustre las actividades desarrolladas en nuestro proyecto. Los vídeos que utilicemos deben estar ubicados en YouTube porque, por una parte, así se optimizan para todos los formatos de dispositivos y por otra, evitamos llenar el limitado espacio disponible para nuestro portal

Para reemplazar el vídeo existente, haz clic sobre él, pulsa sobre el botón Editar URL de la barra de herramientas del bloque y sustituye la URL existente por la de tu vídeo

Enlace del botón

Para reemplazar el enlace del botón situado al final de tu página:

Selecciónalo.
Cambia el texto si lo consideras necesario.
En la URL del botón, introduce la dirección del sitio de tu proyecto.

Ocultar título

Si el título de tu entrada coincide con el texto de tu imagen destacada, para evitar redundancias, puedes ocultar el título. Para ello, ve al panel lateral -> Pestaña Entrada y busca y marca la casilla: Hide image title.

Cuando termines los cambios:

Haz clic en Guardar como borrador de nuevo.
No publiques la entrada.

Una vez finalizado este proceso, avisa al administrador del portal, que será quien se encargue de convertir tu entrada en una página y enlazarla en el menú principal.

El administrador del portal

1. Revisar, convertir la entrada en página y publicarla.

El coordinador del Proyecto de Centro te habrá informado o pasado el enlace de la entrada que ha creado.

Ve al menú lateral Entradas.
Busca la entrada correspondiente.
Haz clic en Editar. Si te sale un mensaje informando que la página está siendo editada por otro usuario, haz clic sobre tomar posesión.
En el panel de ajustes, cambia el tipo de contenido a Página.
Cuando se recargue, haz clic en publicar.

2. Añadir la página al menú

Una vez publicada la página:

Ve al menú Apariencia → Menús.
En la lista de páginas, busca la página recién creada (por ejemplo, Centros INNOVATED o el nombre que le haya dado el coordinador).
Márcala y haz clic en Añadir al menú.
Ponle como título si no lo tiene: Centros INNOVATED
En la estructura del menú, arrastra esa página para que cuelgue del elemento Proyectos (o el que corresponda).
Haz clic en Guardar menú.

Con estos pasos habrá finalizado tu intervención en el proceso: la página estará creada, publicada y visible en el menú principal del portal.