H5p is not a general word press content plug-in. This is a truly innovative way to create, include, and share rich HTML5 content through the WordPress site. While you may be more interested in educational content, WordPress website owners have types of content that deserve attention, such as image hotspots, presentations, and timelines. So take a look at the future of rich HTML5 content. What is rich content? Rich content is not only static text or images, but also sliders and Lightbox gallery. Most content is passive, but rich media content is active, so interaction is required to get the maximum value. The
Click on the h5p website to view a hot spot example. H5p’s interpretation of rich content is independent, does not rely on host applications, and can provide content by creating. Do you want to use h5p content items in other sites? the h5p file (actually a zip of HTML, CSS, and JavaScript) and load it to another site that can use h5p (written with WordPress, Drupal, and Joomla solutions) in exactly the same way. Unlike imbedding, the content can be modified. The
This is not a custom article type for steroids, but a forwarding of HTML5 applications that are included in themselves. Use h5p to create rich content h5p can create multiple content types. As time goes on, most of the list of content types to be added have educational tendencies, but especially the types of image hotspots, presentations and timelines can attract people around the world. There is no doubt that new content types will be added to the track. When installing the plug-in for the first time, there is no pre loaded content type, which is a bit confusing. To create a specific type, you must load an existing sample (h5p content > New). This may seem strange, but it may be to reduce the size of the plug-in file. The presentation content type is 40MB. The
Many able examples contain multiple content types, such as presentations, so you don’t need to them all. Importing custom type options can save a lot of time and effort. What is h5p doing? To test the plug-in, we created three content items with the World Cup theme. Germany world cup schedule the image of the German national team hot spot simple world cup \
Yes 1 – 7 games to win glory for the world cup. This is the timeline for the German team to win the fourth championship in the 20th world cup through 2 cruises in 5 games in 32 days in June and July 2014 (if it is the German team). Build relevant timelines: create new date items for each game using the score line (title) and a very short summary (content) of the relative flag. Create an era project for each stage of the competition (combined stage, top 16, top 8, top 4 and final). There is not much complexity here, and the end result is quite remarkable. The timeline that attracts attention can be made quickly and easily. Just the h5p file and add it to the site! the h5p sample (zip, 2MB) to view or directly create the details of this timeline. The
If the plug-in is installed, the h5p file must be ed and loaded into the site, and can be used without modification. Example 2 – the German World Cup champion team in this example uses the image hotspot content type to include the photos of the German World Cup champion team with player information
Load clickable hotspots and overrides for overrides. Image hotspots are easy to combine. The overlay can contain a wider range of HTML, but this is only the following: Male main image loading adds hotspots for each player male these locations require some trial and error, and the coordinates of the hotspots are displayed in percentage (so that the page can maintain the hotspots when the screen size changes or responds to other devices) To get the correct value, you need to perform some errors. Use Chrome’s rule extension to obtain the actual coordinates of the hotspot, and then convert it into a percentage according to the display width and height of the image. The
My only complaint about this feature is that overlay supports very limited HTML. For example, there is no way to import images into it, and there is no support for tables. Even if you cut and paste into a text area, the html is removed from the stored procedure. Otherwise, this is a quick and easy way to create image hotspots. the h5p sample (zip, 2MB) to learn more about this hotspot or create it yourself. Example 3 – as mentioned before the world cup knowledge test, most content types prefer educational content. Therefore, in order to make a small (but evil) World Cup question and answer, I chose the blank filling type, which looks like one of the simpler question and answer content types. The
Simple but effective ways to generate interactions – don’t look at the answers! Questions are added by adding comments to the text. Answers are enclosed by an asterisk (*), and alternative answers are separated by a slash (\/). For example, the following is a question about best player: The best player was awarded *lionel messi\/messi*. In this way, when the text contained in the asterisk is displayed for the first time, it will become empty. Enter the text box and allow \
Is packaged rich content the future? The h5p offers impressive features, including a functional user interface, even if not entirely aesthetically pleasing. The above three examples are the simplest part. Problem sets and demos can become quite complex. H5p provides a simple way to easily share, reuse, and extend content in a variety of content management systems, and create engaging interactive content. Is a very attractive combination. But there is more. The potential of h5p lies in innovating the creation, delivery and sharing of rich HTML5 content. Create content in one application, and share the function of the content on multiple platforms without modifying the function transmitted by other applications. The
This is a single plug-in that can provide multiple types of rich content types (14 are also good). Just load the samples to create them on the word press site. Perhaps the production of ed tracks is completely removed from the transmission channel and occurs in a dedicated application. This sounds very similar to flash, which frees content from browser limitations. H5p frees content from the limitations of delivering applications, but unlike flash, it is an open source project based on HTML, CSS and JavaScript, and has no proprietary software problems. The
What is needed is impetus and community. Richer content types are required. More content management system support is required (it is recommended to start with word press). Must be able to operate independently. Special authoring tools may also be required. Although there are many improvements, all word PR provides the current functions of h5p and the functions that enable content creators to create rich interactive content
Ess site owners should consider carefully. How do you handle rich HTML5 content in h5p? Is the idea of creating content that is independent of WordPress and easy to migrate attractive? Label: content HTML5
