Embedding qgis2web exports into WordPress?

If you're using Wordpress with your own hosting, you simply put the folder created by QGIS2Web on your web server, then as suggested, you can embed an iFrame on your wordpress post that embeds the .html page with your map (from QGIS2web)

If you are using a wordpress.com site, you don't have access to the back-end, so you'll have to find a place to host the QGIS2Web project (does Github support this?)

Otherwise, you might look into something like CartoDB, which will host your map data and visualization, and you simply use the iFrame (embed) option to put the map into your post.


Instead of embedding the folder into your wordpress structure you should try to copy the relevant code snippets from the .html and .js files to an empty wordpress page.

The javascript code should thereby be enclosed into script tags:

<script type="text/javascript">

    //Javascript goes here

</script>

So in the end you would probably get something similar to this:

<script src="http://openlayers.org/en/v3.14.2/build/ol.js" type="text/javascript"></script>

<div id="map" class="map"></div>

<script type="text/javascript">
var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.MapQuest({layer: 'sat'})
      })
    ],
    view: new ol.View({
      center: ol.proj.fromLonLat([37.41, 8.82]),
      zoom: 4
    })
  });
</script>

Use a Wordpress iframe plugin and embed the map using an iframe. That's the easiest way. @TobsenB's approach will produce perhaps better code, but is more difficult to achieve, and can more easily result in an error if you don't quite get it right.