Embedding a game into a wordpress site

Post reply

❤Follow Topic(5)

0 favourites

11 posts

From the Asset Store

Construction Site - Platformer Tileset

$15 USD

A set of vector game assets contains ground tiles and several objects, used for creating platformer games

pzUH

- brent_hamel
- - Joined 31 Dec, 2009
  - 75 topics • 384 posts
- 1
- 15 Dec, 2011
- Quote
So my group and I have decided to use wordpress for our website, and we want to have an HTML5 arcade section similar to what we have on this site. Does anyone know how I can embed my game directly into the site? As of right now all I can get it to do is to either open the game in a new tab (which works fine) or when it IS embedded, the game runs, but it won't load any of the images. Any ideas?
- ssusnic
- - Joined 24 Nov, 2011
  - 8 topics • 26 posts
- 1
- 15 Dec, 2011
- Quote
Try to add <iframe> tag in HTML code of your post/page. For instance, this is how it works fine for me:

<iframe src="http://dl.dropbox.com/u/99999999/xxx/index.html" width="320" height="480" style="margin-top: 15px; margin-bottom: 15px; width:320px; height:480px;" frameborder="0" id="MyGame" title="This is my HTML5 masterpiece"></iframe>
- RayKst
- - Joined 22 Jul, 2009
  - 40 topics • 631 posts
- 1
- 15 Dec, 2011
- Quote
Too bad it doesn't work for me :(
- brent_hamel
- - Joined 31 Dec, 2009
  - 75 topics • 384 posts
- 1
- 16 Dec, 2011
- Quote
thanks for the input, I'll give it a try
- Tom Construct Team Founder
- Moderator
- - Joined 10 Jun, 2007
  - 589 topics • 4,452 posts
- 1
- 16 Dec, 2011
- Quote
I don't think WP allows you to embed iFrames, but I found this plugin that might allow you to:

http://wordpress.org/extend/plugins/embed-iframe/

Let me know if it works!
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- brent_hamel
- - Joined 31 Dec, 2009
  - 75 topics • 384 posts
- 1
- 16 Dec, 2011
- Quote
Thanks even more, I'll try that for sure!!
- ssusnic
- - Joined 24 Nov, 2011
  - 8 topics • 26 posts
- 1
- 16 Dec, 2011
- Quote
I think it allows because it is working for me on my WP website without any plugins (I manually entered iframe tag to a post/page).

Who doesn't believe, here is a link:

http://www.askforgametask.com/html5-games/pick-up-sticks
- brent_hamel
- - Joined 31 Dec, 2009
  - 75 topics • 384 posts
- 1
- 16 Dec, 2011
- Quote
may I ask how you manually entered it into your post? I'm a complete noob when it comes to wordpress :/
- ssusnic
- - Joined 24 Nov, 2011
  - 8 topics • 26 posts
- 1
- 16 Dec, 2011
- Quote
Well this is a question about how to use WordPress. I think you should find answers about using WP on its official website!

But anyway, after you login to your WP Dashboard and if you edit your post or page, you have there an editor with two tabs: Visual and HTML. Choose HTML tab and you can manually enter any html code.
- brent_hamel
- - Joined 31 Dec, 2009
  - 75 topics • 384 posts
- 1
- 16 Dec, 2011
- Quote
I was trying that, but when I'd press update, the iframe would be removed, after reading on WordPress the forums said that this is for security reasons, and that's why the plugin needs to be installed. So I will try with the plugin next
- HowieMonster
- - Joined 19 Oct, 2012
  - 5 topics • 24 posts
- 1
- 13 Jan, 2013
- Quote
Hey guys - thanks for this thread.

In the end, I didn't use the wordpress.org/extend/plugins/embed-iframe

I used the text editor.

One issue, scroll bars appeared, but I got ride of them by writing scrolling="no"

So my end embeded code was this.

<iframe src="http://URL HERE" scrolling="no" width="840" height="550"></iframe>

Hope that s helpful and thanks for your help.