Notifications
Clear all

wpForo 1.x.x [Closed] Breadcrumbs and Elementor page

6 Posts
3 Users
4 Reactions
4,128 Views
Posts: 14
Topic starter
(@quizzical)
Eminent Member
Joined: 6 years ago

Hello Support

I started using WPForo yesterday. Fantastic! Very user friendly for a non-technical user!

I have created an elementor page and placed the QA Forum short code in a section of the page. Looks nice. When I click into the a topic the layout changes to the standard (non-elementor) layout, and the breadcrumbs (i.e. "Forums") cannot return me to the elementor-created home page. 

1) Any suggestions to substitute the elementor home page for the standard WPForo "Forums" breadcrumb home page?

2) Any possibility of maintaining the elementor layout for the other topic and post pages?

Thank you.

5 Replies
Posts: 281
(@crisw)
Reputable Member
Joined: 6 years ago

I think this might be the answer to your question #1. 

This is from the wpForo documentation :

"Here are the steps you need to do to get forum on website home:

  1. By default Forum uses “Forum” page with /community/ slug.  Please don’t set this page as Front Page in regular WordPress settings. And you don’t need to delete current forum page even if you’ve already changed that, just follow to next step.
  2. Create another page, for example “Home Forum” with “home-forum” slug. And put [wpforo] shortcode in  page content.
  3. Navigate in Dashboard to Settings > Reading admin page, find the “Front page displays” option, select the “Front page”, choose “Home Forum” in drop-down and save options.  That’s it. Now wpForo will be loaded on home page."

For your question #2, I think you would have to create a separate "forum theme file".  However, in my opinion, wpForo has a whole lot of possibilities for us to use and tweak according to our needs, in terms of changing Forum Colors to match the colors of our website (under "Styles" tab on the "Forum Settings".  wpForo has a whole lot of "Help Documentation" on how to do just that.  

Just go to the https : / / www . wpforo . com / documentation (without the spaces)

Hope this helps.  Good luck and God bless you!  🙂 

Robert
Posts: 10587
Admin
(@robert)
Support Team
Joined: 9 years ago

wpForo is loaded in one page called the base forum page. If you want to set it on home page you should create another forum page and put the [wpforo] shortcode in that page content, then set it as home in Settings > Reading admin page as it's explained in documentation. Then you should manage Elementor design and layout for both, home and the main forum pages.So, you should know that in this case there are two forum page and both should be managed to get the same look and feel.

Posts: 14
Topic starter
(@quizzical)
Eminent Member
Joined: 6 years ago

Thank you Chris and Robert. I think I need to describe my questions more clearly.

For question #1. I have created an internal page (not the home page) with elementor, and placed the [wpforo] short code within it. So far, so good. Let's call it MyForoHome. If from that page, I click into a topic or recent posts, or other items, I will have a breadcrumb trail. The starting point of the breadcrumb trail is "Forums" or the house icon. Clicking on either of these takes me to the "Forums" page, which is generated by WPForo, and does not include any of the elementor design.  I would like the starting breadcrumb and house icon to link to "MyForoHome." The "Forums" page does not include any of the additional design elements created for "MyForoHome." So the question is, can I replace "Forums" with "MyForoHome" within the breadcrumb trail and have the house icon also link to "MyForoHome" so that users utilizing the breadcrumb trail to go back to the starting point see the fully designed "MyForoHome?"

 

Question 2 is related. Can I put the forum content on the subordinate forum pages (such as topics, posts, recent posts, etc.) inside an elementor designed page? That would permit me to include a sidebar created in elementor alongside all of the forum content.

Thank you

2 Replies
(@crisw)
Joined: 6 years ago

Reputable Member
Posts: 281

Hi Quizzical. Thanks for the clarification.

 

"For question #1. I have created an internal page (not the home page) with elementor, and placed the [wpforo] short code within it. So far, so good. Let's call it MyForoHome. If from that page, I click into a topic or recent posts, or other items, I will have a breadcrumb trail. The starting point of the breadcrumb trail is "Forums" or the house icon. Clicking on either of these takes me to the "Forums" page, which is generated by WPForo, and does not include any of the elementor design. I would like the starting breadcrumb and house icon to link to "MyForoHome." The "Forums" page does not include any of the additional design elements created for "MyForoHome." So the question is, can I replace "Forums" with "MyForoHome" within the breadcrumb trail and have the house icon also link to "MyForoHome" so that users utilizing the breadcrumb trail to go back to the starting point see the fully designed "MyForoHome?""

 

YOUR QUESTION 1 - This has a TWO-FOLD workaround (in my opinion only :-))

 

"If from that page, I click into a topic or recent posts, or other items, I will have a breadcrumb trail. The starting point of the breadcrumb trail is "Forums" or the house icon. Clicking on either of these takes me to the "Forums" page, which is generated by WPForo, and does not include any of the elementor design."

 

COMMENTS: 

 

Clicking on either of these takes me to the "Forums" page, which is generated by WPForo, and does not include any of the elementor design."

 

That is because the Forums page is pointing to the Forum URL, as defined in 

  1. Forum Dashboard
  2. Settings
  3. General Tab
  4. Forum Base URL

 

I don't know if we can change the Forum's Base Page or URL, (and BreadCrumbs Home) aside from how it was suggested in the wpForo Documentation above, and also by Robert:

 

" Then you should manage Elementor design and layout for both, home and the main forum pages.So, you should know that in this case there are two forum page and both should be managed to get the same look and feel."

 

MY SUGGESTED WORKAROUND:

 

1) Have you considered just disabling the breadcrumbs? Here's how to disable Bread Crumbs:
1.1) Go to the Forum Dashboard
1.2) Go to "Features" tab
1.3) "Show Breadcrumb" - select NO.

2) Now let's work on your customized elementor Forum Home Menu (example: "MyForoHome")
2.1) Go to WP Dashboard
2.2) Select "Appearance"
2.3) Then select "Menu"
2.4) Then select the "wpForo Navigation"
2.5) Then under "Menu Structure" click "Forums"

 

2.6) On the URL Box, it has this:

 

/%wpforo-home%/

 

Change that Forum URL to https : // www . YOURWEBSITE . com / YOUR-myForoHome-PAGE / (without the spaces)

 

When you create a Custom URL on the wpForo Navigation, you can have your wpForo Top Menu Forum point or link to your customized elementor forum home page, without having to change the main wpForo Forum URL. 

 

 

YOUR QUESTION 2 -

 

"Question 2 is related.  Can I put the forum content on the subordinate forum pages (such as topics, posts, recent posts, etc.) inside an elementor designed page? That would permit me to include a sidebar created in elementor alongside all of the forum content."

 

Yes, just create a WP Page and then put the wpForo "item shortcode" on it.  

 

For example, if I have the Gospels Forum Category, and under that the Four Gospels, my Forum Dashboard would look like this:


Forum ID
| Forum Title |
01 | The Gospels | (Blue Category)
02 | Matthew | (forum)
03 | Mark | (forum)
04 | Luke | (forum)
05 | John | (forum)

 

Notice the corresponding Forum ID's on the left side? We'll use that later.

 

Then create four new pages,
Matthew
Mark
Luke
John

 

And then on the Matthew page, just type the shortcode below (the id="02" is from the above example forum we created , under the "Forum ID" column- tweak it according to your own forum id number):


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

 

And then on the Mark page, just type the shortcode below (the id="03" is from the above example forum we created - tweak it according to your own forum id number):


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

 

and so forth ...

 

Let me know if this works for you so others on the site can also benefit from this long answer.  Hehehe.  If it works.  (My disclaimer is, I have a very simple WP theme and I have very minimal plugins and wpForo  works great and as described in the wpForo Documentation.  What I suggested here has worked for my own little forum.  I'm just sharing what worked for me.  🙂 

 

I hope this helps. Good luck and God bless you! 🙂

 

(@crisw)
Joined: 6 years ago

Reputable Member
Posts: 281

@quizzical, You are welcome.  🙂