Forum doesn't embed in wordpress page. But comments and widgets work. Help?

DanielSchulzJackson

Help?

Forum doesn't embed in wordpress page. It looks like a totally blank WP page in my normal WP theme. But comments and widgets do appear and work.

I've double/triple checked these settings:

            Enter the full url of your Vanilla Forum:
            http://www.connectedfamilies.org/forums    Validated :)

            Forum embed code:
            <script type="text/javascript" src="http://www.connectedfamilies.org/forums/js/embed.js"></script>

            Code in place on http://cfprojects.net/org/discussions-3/   :
            <script type="text/javascript" src="http://www.connectedfamilies.org/forums/js/embed.js"></script>

            Forum Page in WordPress:
            http://cfprojects.net/org/discussions-3/

I've disabled all plugins.

I'm on a Litespeed server,
WP 3.3.2
Operating systemCloudLinux + KSplice
Kernel version2.6.18-374.18.1.el5.lve0.8.57xen
MySQL version5.0.92-community
Perl version5.8.8
PHP version5.2.17

I've read this post, which looks similar, and has no replies:
http://wordpress.org/support/topic/plugin-vanilla-forums-weird-embed-issues?replies=2

I'm really at wit's end here. Help please?

422

Goodonya.

Hopefully @underdog will see this and raise a bug report with the team, and the instructions can be updated.

Glad your sorted

DanielSchulzJackson

Bump?

Is anyone else having trouble with Wordpress Embed Plugin?

Can any wise person help here? I've read the documentation (it's really old and doesn't help)

422

Can i ask, why you embed in wordpress? Ive always wondered.

Usually issues like this are path related or jquery id collisions or loading out of sync. Do you have a link, to wormpress page where its embedded

DanielSchulzJackson

Hmm. Jquery, eh? I could see it.

Here's the embed:

http://cfprojects.net/org/discussions-3/

do you think it's odd (and to be suspected) that it created 3 discussions pages and only can use the last one as the embed page?

Thanks for the help!

DanielSchulzJackson

Also, I embed to help keep the theming and the branding consistent. It's what the clients wanted, and I tend to agree.

422

that flashing favicon is so fkn annoying lol

is this your forum ?

http://cfprojects.net/org/community/forums/

Just another reason why I hate wormpress.. mate you have far far far tooooo many js files loading !

js should be loaded in the footer of a site.

I cannot see vanilla attributions in the above link I posted, mind you i was blinded by all the js files and that friggin favicon gif

DanielSchulzJackson

LOL

-- Okay lemme see. I should use Minify's feature of W3 total cache to shrink the JS. FAIL. My theme doesn't work with minify.

-- I should pick a non-insane favicon... DONE (although you might need to clear your cache...)

-- Sorry, THIS is the forum page, and it will actually be a page this time: http://cfprojects.net/org/discussions-3/ I had put it in the trash after starting to play with bbpress following my embed issues. The JS for Vanilla is the in a list/pile of a handful of JS scripts. It looks like this:

<script type="text/javascript">
var vanilla_forum_url = 'http://www.connectedfamilies.org/forums';
(function() {
   var vanilla_count = document.createElement('script');
   vanilla_count.type = 'text/javascript';
   vanilla_count.src = vanilla_forum_url + '/js/count.js';
   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(vanilla_count);
})();
</script>

Thanks for the help; it's really appreciated.

422

Will have a new look

422

Im no officianado on embed within wordpress, but is all you gotta do is drop a js file into the page >? I would have thought there would have been a complete embed code block ??

All I see on yours is:

`

        <div class="entry">
            <p><script type="text/javascript" src="http://www.connectedfamilies.org/forums/js/embed.js"></script></p>

            <div class="clearboth"></div>


            </div><!-- .entry -->


    </div>`

DanielSchulzJackson

It's a plugin. Sorry I didn't link earlier;

http://wordpress.org/extend/plugins/vanilla-forums/

It's the official plugin, published by VanillaForums,

Here's the code I see on my site when viewing http://cfprojects.net/org/discussions-3/ in Firefox I do Right Click >> View Source... I'll add the lines I see it on:

197 <script type="text/javascript">
198 var vanilla_forum_url = 'http://www.connectedfamilies.org/forums';
199 (function() {
200   var vanilla_count = document.createElement('script');
201   vanilla_count.type = 'text/javascript';
202   vanilla_count.src = vanilla_forum_url + '/js/count.js';
203   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(vanilla_count);
204 })();

Thanks for your patience and help.

422

But why is the code after the footer ?

And what is the element within the body that triggers the embed ?

Sorry for my ignorance. But try adding the embed code to the body content of your page

422

For testing have you tried putting iframe in body content with the iframe url as http://www.connectedfamilies.org/forums/

DanielSchulzJackson

Here's the content I have in the page editor:

no iframes

I wouldn't know how to change the location of the larger script (which is currently below the footer) because it's generated by the plugin, which doesn't give me any options for that. The only thing I could think of would be to go into the plugin editor and futz with its code but that seems a little excessive for what seems like it should work OOB. I'm really at a loss. Here are all all the options the plugin offers related to forum integration: (I would do a screenshot but my Snipping Tool doesn't work right now... would have to reboot... i'll do so but in case you see this before I finish, I wanted to put it in text here)

-------------------------
-- Forum Integration --
Use this page to embed your entire Vanilla Forum into a WordPress page.

Forum Page in WordPress
Define where to access your Vanilla Forum within WordPress.
http://cfprojects.net/org/discussions-3/ 
‎Edit View Page

You can further customize the page that contains your forum here (this just goes to edit the page).

Widget Integration
  Force links in your widgets to go to your forum page in WordPress (defined above) instead of going to the actual forum url (http://www.connectedfamilies.org/forums).

Forum <Embed> Code

You can make changes to your forum embed code here (optional). Reset embed code.
-------------------------
-- Vanilla Forums Setup --
Use this page to configure your Vanilla Forum to work with WordPress.

Enter the full url of your Vanilla Forum:
 Validated :)
eg. http://yourdomain.com/forum

-------------------------

Should I be talking to the plugin authors or something? Or should I just give up and go live a life of simplicity in a hippie colony or something like that :-P (i.e. use bbPress haha!)

Thanks again;

422

the hippy colony sounds like a plan.

I detest anything thats embedded.

But .. if you can find out what the iframe id is ( you can position it )

Perhaps someone with an understanding of embedded wormpress and vanilla could better answer you.

I see your vanilla code loading in the footer, Im not sure how this works.. because you then have 2 versions I would think of jquery loading which is never good.. or perhaps embed uses your version.

Not sure. but have you tried putting a new folder on your domain called test and whack ina file called index.php ( add all html elements ) and paste in the embed code for vanilla, and see if it shows anything ?

DanielSchulzJackson

Oops I forgot to put my on-page stuff in code.

Here's what I've got in my page content:

<script type="text/javascript" src="http://www.connectedfamilies.org/forums/js/embed.js"></script>

<iframe src="http://www.connectedfamilies.org/forums/"> no iframes</iframe>

I'll try what you're saying; to put in the index.php

422

I just ran a test and all works: here is the script I used to test.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
< HTML>
 < HEAD>
  < TITLE> test </ TITLE>
 </ HEAD>

 < BODY>
      < script type="text/javascript" src="http://www.connectedfamilies.org/forums/js/embed.js"></ script>
    < iframe src="http://www.connectedfamilies.org/forums/"> no iframes</ iframe>

    < style>
        iframe {width:100%;height:100%;border-style:none;}
    </ style>
 </ BODY>
</ HTML>

DanielSchulzJackson

doing the index.php file worked fine. http://cfprojects.net/org/practice/

Code:

<html>

<head>

<?php
echo "Hello World (php)";
?>

<script type="text/javascript">
var vanilla_forum_url = 'http://www.connectedfamilies.org/forums';
(function() {
   var vanilla_count = document.createElement('script');
   vanilla_count.type = 'text/javascript';
   vanilla_count.src = vanilla_forum_url + '/js/count.js';
   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild

(vanilla_count);
})();
</script>


</head>


<body>

<script type="text/javascript" src="http://www.connectedfamilies.org/forums/js/embed.js"></script>

<iframe src="http://www.connectedfamilies.org/forums/"> no iframes</iframe>

</body>
</html>

DanielSchulzJackson

Right. So iframes work. and theoretically i could use that on my site. Problem is, navigation in an iFrame doesn't produce distinct URLs like it does in this embed example:

original forum: http://www.delayofgame.ca

embedded version: http://www.ohmpage.ca/community/

422

so its fair to extrapulate that something in wormpress is colliding with vanilla, or one of your js files is causing issue... or you arent embedding the code correctly .. or Hippydom here you go !

DanielSchulzJackson

I am going to try this on a fresh WP install, basic theme, no non-vanilla plugins, and if it still doesn't work, would it be fair to say I should probably talk to the plugin author(s)?

422

Well vanilla has been downloaded like 26,000 times by wormpress users.

Its fair to say it should work, I reckon its nothing to do with wormpress, but your theme.

Personally, I would comment out all js and css files unconnected with wormpress , using :

<!-- and -->

and just work thru it by refreshing page, until you get it fixed.

I always comment EVERYTHING out , it should then work.

Then move the end comment tag up a level and retest