Notifications
Clear all

[Solved] Integrate forum in the website homepage

10 Posts
3 Users
0 Likes
973 Views
alc
Posts: 5
 alc
Topic starter
(@alc)
Active Member
Joined: 3 years ago

Hi,

Is there a way we can integrate the forum in the website homepage? We just want a section in the homepage dedicated to the forum. I am aware that inΒ  the documentation there is a section for this but that basically switches the current homepage theme to a full page forum. We just need 1 section dedicated to the forum.

Thanks.

Topic Tags
9 Replies
Robert
Posts: 9715
Admin
(@robert)
Support Team
Joined: 7 years ago

There is only one way but it depends on your forum structure. if you have one parent category for all forums you may use shortcode in home page content with that one parent category ID.

For exampe, if your forum tree is this:

  • - Main parent category (ID: 25)
  • ---- Forum 1
  • ---- Forums 2
  • -------- Subforum 2.2.
  • ---- etc...

Β 

You can put this shortcode in forum home page content:

[wpforo item="forum" id="25"]

More information about shortcodes: https://wpforo.com/docs/root/getting-started/forum-page/wpforo-shortcodes/

5 Replies
alc
 alc
(@alc)
Joined: 3 years ago

Active Member
Posts: 5

Hi Robert,

Β 

Thanks for this... i managed to get the feed however for some odd reason the styling in the homepage changed completely. I have also checked the community page to compare and in the community page its working completely fine.

Robert
Admin
(@robert)
Joined: 7 years ago

Support Team
Posts: 9715

Please leave your website URL. Also please make sure you've deleted all caches and pressed Ctrl+F5 on website home page.

alc
 alc
(@alc)
Joined: 3 years ago

Active Member
Posts: 5

http://logixtest.com/

we have tested this on different browsers and refreshed a couple of times.

 

Robert
Admin
(@robert)
Joined: 7 years ago

Support Team
Posts: 9715

I don't see any issue in design. I'm checking as guest. And I see no forum. Make sure your forums permissions set correct for Guest (Read Only access).

 

alc
 alc
(@alc)
Joined: 3 years ago

Active Member
Posts: 5

It seems that its not calling the scripts and css files. I was testing the site by inserting the scripts in the footer section of our theme. If you had to refresh the site it's exactly how it was before (that is no styling and no javascript)

Β 

I am also logged in as an admisitrator and still cannot see the content πŸ™

Anonymous20
Posts: 1602
(@anonymous20)
Noble Member
Joined: 7 years ago

@alc

Also:

Change your Wordpress to https:

Then hit F12 or open your browser console to view the errors you have. You have so many js errors.

Β 

Β 

Anonymous20
Posts: 1602
(@anonymous20)
Noble Member
Joined: 7 years ago

@alc

About wpForo. Why you have commented out so many code of wpForo (as i see in the source of your pages) ?

<!-- <link rel='stylesheet' id='wpforo-font-awesome-css' href='/wp-content/plugins/wpforo/wpf-assets/css/font-awesome/css/fontawesome-all.min.css?ver=5.7.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpforo-style-css' href='/wp-content/plugins/wpforo/wpf-themes/classic/style.css?ver=1.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpforo-widgets-css' href='/wp-content/plugins/wpforo/wpf-themes/classic/widgets.css?ver=1.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpfront-scroll-top-css' href='/wp-content/plugins/wpfront-scroll-top/css/wpfront-scroll-top.min.css?ver=2.0.1' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpforo-uidialog-style-css' href='/wp-content/plugins/wpforo/wpf-assets/css/jquery-ui.css?ver=1.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wpforo-dynamic-style-css' href='/wp-content/plugins/wpforo/wpf-themes/classic/colors.css?ver=1.6.1' type='text/css' media='all' /> --> <!-- <link href="/wp-content/plugins/wpforo/wpf-themes/classic/style.css?ver=1.6.1" rel="stylesheet"> <link href="/wp-content/plugins/wpforo/wpf-themes/classic/colors.css?ver=1.6.1" rel="stylesheet"> <link href="/wp-content/plugins/wpforo/wpf-themes/classic/widgets.css?ver=1.6.1" rel="stylesheet"> <link href="/wp-content/plugins/wpforo/wpf-assets/css/jquery-ui.css?ver=1.6.1" rel="stylesheet"> <link href="/wp-content/plugins/wpforo/wpf-assets/css/font-awesome/css/fontawesome-all.min.css?ver=5.7.0" rel="stylesheet"> --> <!-- <script type="text/javascript" src="/wp-content/plugins/wpforo/wpf-assets/js/frontend.js?ver=1.6.1"></script> <script type="text/javascript" src="/wp-content/plugins/wpforo/wpf-assets/js/ajax.js?ver=1.6.1"></script> --> <!-- <script type="text/javascript">window.twttr = (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], t = window.twttr || {}; if (d.getElementById(id)) return t; js = d.createElement(s); js.id = id; js.src = "https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); t._e = []; t.ready = function(f) { t._e.push(f); }; return t;}(document, "script", "twitter-wjs"));</script> -->

1 Reply
alc
 alc
(@alc)
Joined: 3 years ago

Active Member
Posts: 5

HI Massimo,

 

Thanks for your reply, however, the commented code is in the footer section of the website. we had to manually call out the stylesheets and javascript files of the plugin so as to try and get the homepage identical to the plugin in the community page. We expected that with the shortcode we would have the same result of the community page without having to manually call out all the css and javascript files.

 

Share: