How to display a SoundSlides project on a Wordpress blog

Create a SoundSlides project like normal and select the “small” size.• If you’ve already created the SoundSlides in a different size, or if you’re not sure what size it is, go to:• Modify > Output sizes > Small (Click apply)

Click Export• This creates (and displays) a folder within your SoundSlides proj-ect folder called “publish_to_web”. Perhaps unsurprisingly, this is the folder we will publish to the web, so make sure you can find it again.

WordPress will not self-host Flash (.SWF) files, so before you can publish the slideshow to WordPress, you must upload it elsewhere on the Web. UW students, faculty, and staff are allotted SFTP space on the school’s servers which can be used for these purposes.

To upload to your SFTP space, follow the steps below.

First you must activate Web Publishing (This is a one-time activation, so if you’ve already hosted something online, you may skip this step):

• Visit myuw.washington.edu• Click on “My Account” in the upper right corner.• Click on “Computing Services” on the left sidebar.• Check “Dante Account” or “Homer Account”• Check “Web Publishing” or “Student Web Publishing.”• Click on “Subscribe.”

Now start up the program WinSCP (If you’re doing this on your personal computer and you don’t have an FTP server, you may download a different program such as Filezilla [https://filezilla-project.org/]. The interface will be somewhat different, but the information is the same). Enter these settings into the proper fields:

• Hostname/Server: • vergil.u.washington.edu (used by students and RSOs) OR...• ovid.u.washington.edu (used by employees and shared NetIDs)• Port: 22• Protocol: SFTP/SSH• Username: your NetID• Password: your NetID Password• Directory: Leave blank; if required, try public_html

When the program starts up, you will see files from your local system (on the left pane) and files from the remote server (on the right pane).

Double-click on “public_html” in the right pane. This will open your public folder.

Navigate to your SoundSlides project folder in the left pane. Inside that folder, find the folder “publish_to_web” that you made before.

Click and drag the entire “publish_to_web” folder from the left pane to the right pane to copy it to the server.

When the copying is done, your SoundSlides project will be viewable online at http://students.washington.edu/YourUWNetID/publish_to_web/(Replace “YourUWNetID” with your actual UW Net ID. [And if you’re faculty or staff, replace “students” with “faculty” or “staff”])

You may stop there if you only want to share your SoundSlides project online. Simply email the URL to anybody you’d like to show. However, if you have access to a WordPress blog and would like to post it there, continue reading.

Login to your WordPress account, and begin a new post on the blog you’d like to use.

Write the post as usual.

When you’re ready to embed the slideshow, paste in this code: [gigya src=”http://students.washington.edu/YourUWNetID/publish_to_web/soundslider.swf” quality=”high” width=”450” height=”350” ]

(If you’re curious what that code actually does.... The above code uses a 3rd-party site “Gigya” that creates an iFrame in your post, and displays content within in. This way, the Flash file isn’t actually embedded in the WordPress site, it’s being streamed elsewhere, and remotely projected into a window on your site. This method allows us to work around some of the security issues of playing Flash files in WordPress.)

Important to remember: If you edit, move, or delete the contents of your hosted file, you will break its display on your WordPress post. So once it’s posted, don’t touch those “publish_to_web” files on the server.

If you have any questions or problems with this information,please contact Kyle at hepwork@uw.edu in the mornings,

or Evan at swopee@uw.edu in the evenings.Or come by our offices (318-D and 318-G)

We’re happy to help.