Known Participant

Question

Captivate and Wordpress??

Forum|Forum|11 years ago
January 31, 2015
4 replies
4696 views

Why does it seem to be impossible to get a Captivate project to work on a Wordpress site???

I stopped my Captivate subscription because of this issue and I've been trying to find a solution for months. There has to be an answer.

If I can't upload to a Wordpress site, then what other options are there? Where and how are people publishing their Captivate projects.

Please help.

-Tom

wordpress

This topic has been closed for replies.

andres79290558

Participant

I used Captivate on Wordpress with success, you need the Captivate wordpress plugin and the zip export file from Captivate.

A

Aitor5E28

Participating Frequently

Hi Andres!

Which plugin do you use? I'm trying with the elearningfreak plugin and when I publish, the adobe site rejects me to publish the captivate file in wordpress.

Thank you very much

danm2202369

Participant

Hey Guys,

Plugin is weird. I got it working after creating a directory called "adobe_captivate_uploads" in the wp-content/uploads folder, with permissions 777.

- Also if it still doesn't work you can drop/unzip projects into that folder.

Also this script resize the iframe to its content (just add it to the page text/src):

var _lastHeight = 0;

function resizeIframe(obj) {

var shouldCheck = (_lastHeight == 0 || _lastHeight == obj.contentWindow.document.body.scrollHeight);

var cont = obj.contentWindow.document.getElementById("project_container");

if (cont)

{

obj.style.height = cont.scrollHeight + 'px';

_lastHeight = cont.scrollHeight;

}

obj.style.maxWidth = '1024px';

if (shouldCheck)

setTimeout(function () {resizeIframe(obj);}, 250);

else _lastHeight = 1;

}

jQuery( window ).resize(function() { resizeIframe(jQuery('iframe')[0]); });

jQuery('iframe').bind('load', function() { resizeIframe(this); });

</script>

T

Tom_HanninenAuthor

Known Participant

Thanks for the reply. My problem is that I am not skilled enough with HTML code to do what you suggest. I have no idea what it means to

"creating a directory called "adobe_captivate_uploads" in the wp-content/uploads folder, with permissions 777.

- Also if it still doesn't work you can drop/unzip projects into that folder."

I have to learn the ins and outs of web design so I understand the code better.

danm2202369

Participant

Hey Guys this should work on shared hosting as well (most at least). as it is just creating a directory....

Do either of you have FTP access? just create a folder with that name and drop it in the uploads folder.

Alternatively you just need to get your adobe captivate project onto your server (or any server) and then drop this in your post:

[cap_iframe_loader type='iframe' width='100%' height='100%' frameborder='0' src='complete/url/to/your/adobe/captivate/project/index.html']

- change the bold part to your url.

The javascript I wrote, would be added under the test portion of the wordpress page editor. but is only to make it look more integrated and only works if the project is on the same server.

A

Anonymous

Tom,

may I ask which format you have published SWF/HTML5/Responsive.

T

Tom_HanninenAuthor

Known Participant

SWF/HTML5

I'm just not familiar with FTP transfer and have been trying to figure this out for a long time. I have no trouble uploading to Moodle but I have no idea how to put my projects on my personal website for people to view.

I see of lot of people's portfolios out there so clearly many folks know how to do this but I can't seem to find anyone who just walk me though it.

-Tom

S

sanh34636424

Participant

I saw your post and stumbled upon this: WordPress › Insert or Embed Adobe Captivate Content into WordPress « WordPress Plugins

Have you tried it?