How to embed an Exhibit in a WordPress blog

From SIMILE Widgets
Jump to: navigation, search
  1. Start with either a standalone spreadsheet or Google online spreadsheet. Use {bracket_identifiers} as column heads to make explicit your data attributes (NOTE: You can use mixed case in your attribute descriptors [but no spaces!] for better label displays, such as for MyCapitalization. However, do not use mixed case on the first Google field, which also defaults to "label")
  2. Read the [Getting_Started_with_Exhibit] tutorial, making all modifications locally. Work with this local system until you get the display and presentation working the way you want (via CSS and code selections)
  3. Create a new page template within WordPress, and then embed the Javascript, styles (if any) and any external CSS references (if any) prior to the main body tag. In the main body tag, embed the onLoad call (see the tutorial in Step 2 for details). IMPORTANT: You need to have system administration file access to WordPress to make these modifications (that is, your system is not hosted or maintained by another service). IMPORTANT: You may need to embed and make changes to the Exhibit style sheets in your own page templates (if you don't know how to do so, this WordPress embed option may not be for you)
  4. Then, via the Write Page function within the WordPress admin center, create a new page post referencing this new page template. If you like, you may embed some lead-in material in the page itself, and
  5. Finally, update your local spreadsheet and post it to Google (if that is your source), making sure to remove any extraneous rows and columns from the data to be displayed. Then, re-publish the site (refer to the How_to_make_an_exhibit_from_data_fed_directly_from_a_Google_Spreadsheet and you should be good to go.
  • On a side note: depending on how your blog template works, you should place any of the code between the HEAD tags in the header.php file. If your BODY tag starts there as well you should put the onLoad call there as well. This will prevent the template from adding duplicate tags that shouldn't appear in a document twice (ie. DOCTYPE, HTML, HEAD and BODY).
Personal tools