Embedding slideshow in wordpress
-
Upload
dale-cressman -
Category
Technology
-
view
884 -
download
2
description
Transcript of Embedding slideshow in wordpress
![Page 1: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/1.jpg)
Embedding Soundslides into Personal Wordpress
The How-To
![Page 2: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/2.jpg)
Disclaimer
Your slideshow needs to be published on the Daily Universe site by RJ before you can go any further.
![Page 3: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/3.jpg)
• Log into the DU site at universe.byu.edu
• Halfway down the right side of the page will be the log in link
![Page 4: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/4.jpg)
• Navigate to your post with the slideshow and click “Edit”
• In the “Custom Fields” box, copy the src address (everything between both double quotation marks)
• Note: You cannot use the URL found in your browser address bar. You must use the one from the Custom Fields box.
![Page 5: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/5.jpg)
• Go to http://tools.soundslides.com/embed/
• Paste in the copied src code
• Click “Continue”
![Page 6: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/6.jpg)
Copy the generated embed code
![Page 7: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/7.jpg)
• Select the HTML tab and paste the generated code into the post
![Page 8: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/8.jpg)
• Type in the gigya code:• [gigya width="420" height="383" src="
http://www.newsnet.byu.edu/teaseimg/photogalleries/technologywhere/publish_to_web/soundslider.swf?size=0&format=xml" quality="high" bgcolor="#000000" width="420" height="383"]
• Be sure to change the filename after the photogalleries/ to what your file is named
![Page 9: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/9.jpg)
• Locate the src= and copy everything between the two double quotation marks.
![Page 10: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/10.jpg)
• Replace the src in the gigya from the generated code you copied from the Soundslides Embed Utility
![Page 11: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/11.jpg)
• Delete the generated code from Soundslides Embed Utility
![Page 12: Embedding slideshow in wordpress](https://reader038.fdocuments.in/reader038/viewer/2022110307/55658b8ad8b42a2b6d8b4caa/html5/thumbnails/12.jpg)
• Click Save or Preview to see the slideshow.
• Then press Save