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.
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/
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.
Please leave your website URL. Also please make sure you've deleted all caches and pressed Ctrl+F5 on website home page.
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).
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 🙁
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.
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> -->
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.