Putting Unity 3D into wordpress: A Nice Solution

“ShadowBox” or “LightBox” are nice plugins for WordPress that allow you to open content in a new window. The new window is very nicely, and transparently, placed over the existing page.

Another option is to upload the web page that Unity 3d creates when you build a web project. If you upload both the file and the page. you can insert the web page as a link into your blog using the wordpress “Add Media” feature

my first dynamic content

Now That is Slick

And here is how you do it.

First you need to collect some things.

  1. make a picture of your project. Run your project in Unity, alt+printscreen to capture an image of the project. Paste that into your favorite image editor. Even use Paint if you have to (yuck).
  2. After you do a web build in Unity you’ll need to upload BOTH the web page Unity creates, as well as the .unity3d file
  3. So that’s 3 uploads total

Here is why I upload them into the WordPress media library rather than directly into the post. You need the file URL for the web page. You’ll need to feed that as a link in your post.

Now assuming you have the shadowbox plugin installed simply do the following:

  1. Insert picture into your blog using WordPress’s “Add an Image” or “Add Media” feature
  2. Open the media library Either by clicking on the star icon, or opening the media library link in a new tab.  NOT by clicking on the media link on wordpress menu. we just need a link from the media library, not actual media.
  3. “show” the .html page you uploaded, then select and copy the file URL for your media. If you used the “insert media” function, simply click the show link, then click the “file url” button, select and copy the URL.
  4. Now go back to your blog post,  click on the picture you uploaded
  5. hit the “link” button
  6. In the URL text entry box, paste the URL you selected
  7. Close the link box
  8. Now switch over to HTML view because you need to add the tag rel=”shadowbox” to the URL
  9. In HTML view go find the code for the link in the image, just after the opening “<a” insert the following: rel="shadowbox"
  10. Preview your post,  make some other additions and publish your work!

Hats off to Will Goldstone and his learn unity 3d site

  • LinkedIn
  • Delicious
  • Reddit
  • Twitter
  • Slashdot
  • Digg
  • Facebook
  • Blogger Post
  • StumbleUpon
  • Yahoo Bookmarks
  • MySpace
  • Windows Live Favorites
  • Share/Bookmark

2 Responses to “Putting Unity 3D into wordpress: A Nice Solution”

  1. TONY says:


    CheapTabletsOnline.Com. Canadian Health&Care.No prescription online pharmacy.Special Internet Prices.Best quality drugs. High quality drugs. Order drugs online

    Buy:Ventolin.Cozaar.Lipothin.Seroquel.Zetia.Aricept.Zocor.Buspar.Prozac.Amoxicillin.Female Pink Viagra.Wellbutrin SR.Lipitor.Female Cialis.Lasix.Benicar.Acomplia.SleepWell.Nymphomax.Advair….

  2. KENNY says:


    CheapTabletsOnline.com. Canadian Health&Care.Best quality drugs.Special Internet Prices.No prescription online pharmacy. Low price drugs. Order pills online

    Buy:Cozaar.Nymphomax.Buspar.Lipothin.Female Pink Viagra.Zetia.Female Cialis.Benicar.Lasix.Aricept.SleepWell.Wellbutrin SR.Prozac.Ventolin.Amoxicillin.Zocor.Acomplia.Lipitor.Seroquel.Advair….

Leave a Reply

You must be logged in to post a comment.

Content recommendations from Evri