Aspectos generales en el trabajo con h5p en Wordpress

Descargando y configurando el plugin de h5p

Una vez en tu Worpress, en el menú lateral, haz clic en "Plugins". Localiza el de h5p y haz clic en "Activar".

plugininstall.png

Una vez activado el plugin, haremos clic en "Settings" para configurarlo a nuestro gusto.

plugin settings.png

También encontraremos las opciones de configuración una vez instalado el plugin en el menú lateral, "Ajustes", "h5p":

settings2.png

 Las opciones que encontraremos en el apartado de configuración serán las siguientes (puedes hacer clic en la imagen para ampliarla):

image.png

Una vez configurado el plugin, haremos clic en "Save changes".

image.png

Creando contenido h5p en Wordpress

Una vez instalado y configurado el plugin h5p en nuestro Wordpress, observarás que se ha añadido la opción "Contenido h5p". hachecincope.png

En "Todo el contenido h5p" veremos todo el contenido h5p que hemos creado. Desde este apartado, además, podremos crear nuevo contenido haciendo clic en "Añadir nuevo" para que se abra el editor. "Añadir nuevo" también está disponible en el menú lateral, justo debajo de "Todo el contenido h5p".

image.png

anadir.png

  1. La siguiente pantalla nos ofrecerá el menú con todos los tipos de contenido disponibles. Si es un tipo de contenido que no hemos creado nunca, primero deberemos hacer clic en el botón de "Obtener". 

    image.png

    Una vez obtenido el contenido, pulsaremos sobre "Detalles" y en la siguiente pantalla, en "Usar". Si el contenido ha sido utilizado alguna vez, no nos aparecerá la opción de "Obtener" y pasaremos directamente a "Detalles". En "Detalles" además encontraremos una descripción del tipo de contenido, un ejemplo y su licencia.

    image.png

    image.png

    Es posible que en alguna de las actividades nos aparezca un mensaje de "Actualización disponible". Si esto ocurre en un contenido que vayamos a crear, después de pulsar en "Detalles" deberemos hacer clic sobre "Actualizar".

    image.png

    El editor de contenido h5p es igual que en Aeducar/Moodle.

     

  2. Si tenemos un archivo h5p podremos subirlo haciendo clic en "Subir

    image.png Nos aparecerá esta pantalla, desde la que podremos subir nuestro archivo. Una vez subido, podremos editarlo. 

    image.png

  3. El botón de "Crear" no funciona hasta que no tengamos una actividad creada. Una vez la tengamos creada, al pulsarlo nos enseñará el código corto que necesitaremos para insertar la actividad en una entrada o página de nuestro Wordpress.  

    image.png

    La actividad pasará a verse en el apartado "Todo el contenido h5p" del menú lateral, desde donde podremos volver a editarla si lo necesitamos. Una vez editada, deberemos pulsar en "Actualizar". Al pulsar en "Editar" también encontraremos también la opción de "Borrar" la actividad. 

    image.png

  4. Desde "Opciones de visualización" podremos seleccionar si deseamos que se muestre la barra de herramientas debajo del contenido y el botón de copyright (que salga marcado por defecto depende de las opciones que hayamos elegido en los ajustes generales de h5p). 

    image.png

  5. Por último, podremos añadir "Marcas". 


Publicando nuestro contenido h5p en páginas y entradas

Como hemos visto en el apartado anterior, una vez creada una actividad, nos aparecerá el código corto. Este código es único para cada una de las actividades que creemos (son números correlativos que siguen el orden temporal de creación de actividades).

image.png

Si copiamos este código, simplemente tendremos que pegarlo en la entrada o página de nuestro Wordpress donde queremos que aparezca y hacer clic en "Publicar". 

image.png