search

cmu-lib / bridgesofPittsburgh

Code and documents associated with the Bridges of Pittsburgh DH project at CMU
7 stars 2 forks source link

Ensure that leaflet map can be hosted and displayed on a Wordpress site #111

Closed mdlincoln closed 5 years ago

mdlincoln commented 5 years ago

This has to happen ASAP so we know whether or not we'll need to come up with a non-wordpress site solution.

mdlincoln commented 5 years ago

Sample posted here: http://bridgesofpittsburgh.net/posts/106/

@ERSlayton can you document on here how this is working? What files are you uploading to the site, and how?

ERSlayton commented 5 years ago

After researching for a few hours, the process turned out to be very simple.

TO ADD R LEAFLET MAP TO WORDPRESS:

1) Save/export map as html file in R

2) Log in to WordPress.org Bridges site

3) Go to the Media Tab on the left hand side

4) Click 'Add New Media' button and add the html file

5) Click on the file you have just added, and select the 'edit more details' link on the right hand side

6) On the page that opens up, make sure to click the 'Update' button on the right hand side before copying the URL address

7) Then add a new page and use the following code in the 'TEXT' tab:

<iframe style="width: 100%; height: 120px;" src="urlnamehere">

ERSlayton commented 5 years ago

Update on what files I am working with: So far I have just added a test map. I will be deleting this example and then working on the route map that we really want to upload next.