[erich199]

I wanted to share some code I cooked up for one of my sites. I want to disclaimer that I’m not a professional coder but through lots of trail, error, and zero hair left I’ve found this code works very well for my website.

There are two functions. The first one creates a “New Topic” button and uses a template hook to display it above the forum list. The second function does the same thing, but just uses a hook to display the button over the single topic display to create a “New Reply” button. The second function is basically the first function but renamed and uses a different template hook.

These buttons, when clicked, open a modal that has the shortcode for a new topic/new reply. The code also passes the current forum id into the shortcode, so there is no need for the user to select a forum from the drop down menu. In my screenshot, I’ve enabled the WYSWYG TinyMCE editor and all buttons on it work properly. In addition, I’ve fixed it so that the user can’t accidentally close the modal. They have to physically click on the “Close” button in order to close it. I decided to do this for simplicity sake and so my users won’t accidentally click off the screen and close the modal.

I made it because I was tired of users getting confused about the new topic/new reply topic area of bbpress. So, in order to bring it more in line with other forum software I made this code (through many trial and errors). I hope that it can help anyone in the community who’s using bbpress for their forums. Oh, I also made sure it displays nicely in mobile size screens. I added a screenshot to show people what it looks like.

https://img.iwebnow.net/screenshots/popup.jpg

 
/*
This function adds the New Topic button to bbpress above the forum list template
*/

function add_new_topic_button() {
    $forum_id = bbp_get_forum_id();
    ?>
    <button id="new-topic-button">New Topic</button>
    <div id="new-topic-modal">
        <button id="close-modal-button">Close</button>
        <div class="modal-content">
            <?php echo do_shortcode('[bbp-topic-form forum_id=' . $forum_id . ']'); ?>
        </div>
    </div>
    <script>
    jQuery(document).ready(function($) {
        var newTopicButton = $('#new-topic-button');
        var modal = $('#new-topic-modal');
        var close = $('#close-modal-button');
        newTopicButton.click(function() {
            modal.show();
            setTimeout(function() {
                if (typeof bp !== 'undefined' && typeof bp.mentions !== 'undefined') {
                    bp.mentions.tinyMCEinit();
                }
            }, 1000);
        });
        close.click(function() {
            modal.hide();
        });
        $('textarea#bbp_topic_content').addClass('bbp_topic_content');
    });
    </script>
    <style>
    #new-topic-modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.6);
    }
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
        max-width: 600px;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #close-modal-button {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 40px;
    }
    #close-modal-button:hover,
    #close-modal-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    @media only screen and (max-width: 600px) {
        .modal-content {
            width: 90%;
            max-width: 90%;
        }
    }
    </style>
    <?php
}
add_action('bbp_template_before_single_forum', 'add_new_topic_button');

/*
This function adds the New Reply button to bbpress above the single topic template
*/

function add_new_reply_button() {
    $forum_id = bbp_get_forum_id();
    ?>
    <button id="new-topic-button">New Topic</button>
    <div id="new-topic-modal">
        <button id="close-modal-button">Close</button>
        <div class="modal-content">
            <?php echo do_shortcode('[bbp-reply-form forum_id=' . $forum_id . ']'); ?>
        </div>
    </div>
    <script>
    jQuery(document).ready(function($) {
        var newTopicButton = $('#new-topic-button');
        var modal = $('#new-topic-modal');
        var close = $('#close-modal-button');
        newTopicButton.click(function() {
            modal.show();
            setTimeout(function() {
                if (typeof bp !== 'undefined' && typeof bp.mentions !== 'undefined') {
                    bp.mentions.tinyMCEinit();
                }
            }, 1000);
        });
        close.click(function() {
            modal.hide();
        });
        $('textarea#bbp_topic_content').addClass('bbp_topic_content');
    });
    </script>
    <style>
    #new-topic-modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgba(0,0,0,0.6);
    }
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
        max-width: 600px;
        border-radius: 5px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #close-modal-button {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 40px;
    }
    #close-modal-button:hover,
    #close-modal-button:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    @media only screen and (max-width: 600px) {
        .modal-content {
            width: 90%;
            max-width: 90%;
        }
    }
    </style>
    <?php
}
add_action('bbp_template_before_single_topic', 'add_new_reply_button');

/*
This function calls the Buddypress js file to bbpress pages only so that @mentions can work in the modal
*/

function enqueue_buddypress_js() {
    if ( function_exists( 'bp_is_active' ) && bp_is_active( 'mentions' ) ) {
        wp_enqueue_script( 'bp-mentions-js' );
    }
}
add_action( 'wp_enqueue_scripts', 'enqueue_buddypress_js' );

/* Additional Custom Forum Modal CSS This will hide the default new topic/reply form boxes but shouldn't hide the ones inside of the modal */ 

.modal-content .bbp-topic-form, .modal-content .bbp-reply-form {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.bbpress-wrapper > .bbp-topic-form {
  display: none;
}

.modal-content .bbp-topic-form legend {
	display: none;
}

#new-topic-button {
  float: right;
  margin-right: 10px;
}

#bbpress-forums > .bbp-reply-form {
	display: none;
}

[wpturk]

Diana, maybe this link helps you. https://wpengine.com/support/run-query-phpmyadmin/

In bbpress, topics and replies are kept in wp_posts table, so the above SQL statement lists all users with no replies and no topics. The second part of the statement checks the wp_comments table. Since if a user has no replies & topics in the forum but has a wordpress comment, the user will not be listed, and vice versa.

Please first also check your table prefix, the SQL statement is for: wp_

If you still have problems, you can contact me via move2media.com

[dnashif]

Will this also find any user who did not create a topic or a reply in bbpress?

[thebatdude]

any updates for free or pay version to do this or other options?
I’m not sure how this isn’t standard or easily available. Is this an indication that bbPress is lagging behind?

[Mike Witt]

I continue to get a lot of PHP Deprecated notices for blacklist_keys. I really don’t know where they’re coming from, but I notice that in bbpress/includes/common/functions.php, in the function bbp_check_for_moderation, there’s this:

$option_name = ‘blacklist_keys’;

I wonder if that should be changed to ‘disallowed_keys’

[nobody]

member can’t subscribe to forums, while subscribing to topics is doable. Anyone can help me ?

bbpress version 2.6.9
buddypress version Version 11.1.0
using astra themes version 4.0.2

[enkoes]

Hi sorry, need to clarify a bit….

bbpress.php does render sidebar for forum/topic pages. However the widgets (eg, forums/topics information) that I initially put on the sidebar no longer be visualized.

For WordPress normal page setting, if I change template from default template (page.php) to Magbook Template (magbook-template.php), the targeted page becomes full width, that is why I thought that magbook-template.php is a full width template. Maybe I am wrong.

Hope this would help.
Regards

[enkoes]

This is the bbpress.php from my theme:

<?php
/**
 * Template Name: Magbook Template
 *
 * Displays Magazine template.
 *
 * @package Theme Freesia
 * @subpackage Magbook
 * @since Magbook 1.0
 */
get_header(); ?>
<div class="wrap">
	<?php 	if( is_active_sidebar( 'magbook_primary_fullwidth' ) && class_exists('Magbook_Plus_Features') ){
		echo '<div class="primary-full-width clearfix">';
			dynamic_sidebar ('magbook_primary_fullwidth');
		echo '</div>';
	} ?>
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">
			<?php 
			if( is_active_sidebar( 'magbook_template_section' )){
				dynamic_sidebar( 'magbook_template_section' );
			}

		the_content(); ?>
		</main><!-- end #main -->
	</div> <!-- end #primary -->
	
		<?php if( is_active_sidebar( 'magbook_template_sidebar_section' )){ ?>
		<aside id="secondary" class="widget-area" role="complementary" aria-label="<?php esc_attr_e('Side Sidebar','magbook');?>">
			<?php dynamic_sidebar( 'magbook_template_sidebar_section' ); ?>
		</aside> <!-- end #secondary -->
	<?php	}
	if( is_active_sidebar( 'magbook_seondary_fullwidth' ) && class_exists('Magbook_Plus_Features') ){
		echo '<div class="secondary-full-width clearfix">';
			dynamic_sidebar ('magbook_seondary_fullwidth');
		echo '</div>';
	} ?>
	
</div><!-- end .wrap -->

<?php get_footer();

[Robin W]

so can you post ypur bbpress.php here please, and let me know if it renders a sidebar or not

[Robin W]

so can you post ypur bbpress.php here please, and let me know if it renders a sidebar or not

[enkoes]

Hi, after struggling some time trying to make profile page full width, I give up.

The theme I’m using is Magbook. I found that there is only one theme template page that has no sidebar, ie, magbook-template.php. I copied this file to my child theme root directory, and rename it as bbpress.php. However it doesn’t make any changes to the profile page.

I have read some other similar topics, I guess we need to “inject” custom php codes into the bbpress.php. If this is correct, can you provide me the relevant php codes for bbpress.php that make it works?

One more thing I have doubt is that, let say bbpress finally adopted bbpress.php as default template, all other forum & topic pages will turn out no sidebar altogether, I presumed, which is against my wish. What I want is profile page FULL WIDTH, forum/topic page WITH SIDEBAR.

Pls guide me.
Regards

[Robin W]

Twenty Twenty-Three theme is one of the new FSE themes, so you need a fix to work with bbpress.
install

bbp style pack

once activated, navigate to

dashboard>settings>bbp style pack, and you should see the first tab called ‘Theme Support’ – if you don’t see this, come back.

In that tab, select

Enable Theme Support

and save

The forums should then display

[irwinlawinc]

Hi there! I’m trying to set up a bbPress forum on my WordPress staging site (not live yet, still currently hosted on the WordPress server). I installed bbPress version Version 2.6.9, not sure what WordPress version I’m using but I just set up the site in the past two months. I’m using the Twenty Twenty-Three theme.

I’ve done the initial bbPress setup steps (install and then create a forum and a topic), but I keep getting a blank page when I go to my /forums/ page or or my /jelp/ page (that’s the name of the forum). I’ve deactivated as many plugins as I can, and also cleared my cache, but still getting the same issue. I also went into WP-CONFIG and changed the memory limit to 256M.

I’ve started a WP DEBUG log, and I see this message: “PHP Deprecated: A deprecated web fonts array structure passed to wp_register_webfonts(). Variations must be grouped and keyed by their font family. in /wordpress/plugins/gutenberg/15.0.1/lib/experimental/class-wp-webfonts.php on line 160” — but I’m not sure what to do about it. I did deactivate Gutenberg just to see if it helps, but still nothing.

If it’s worth mentioning, I was also trying the ForumWP plugin previously and getting the same blank screen issue. I’ve since deactivated and deleted ForumWP.

Does anyone have any ideas? Thank you!

[saciojote]

I am wondering if there is an API that is up to date which would allow me to reply to topics within my forum?

I have seen there are one or two plugins but I don’t think they are maintained.

Any suggestions how I could do this?

Many thanks!

[lesd1315]

<?php

register_activation_hook(__FILE__, ‘bbpress_topic_scheduler’);

add_action(‘bbpress_daily_event’, ‘bbpress_delete_old_topics’);

function bbpress_topic_scheduler() {
wp_schedule_event(time(), ‘daily’, ‘bbpress_daily_event’);
}

function bbpress_delete_old_topics() {
// Auto delete old topics
$topics_query = array(
‘author’ => 0,
‘show_stickies’ => false,
‘parent_forum’ => ‘any’,
‘post_status’ => ‘publish’,
‘posts_per_page’ => -1
);

if ( bbp_has_topics( $topics_query ) )
while( bbp_topics() ) {
bbp_the_topic();
$topic_id = bbp_get_topic_id();
$topic_date = strtotime( get_post( $topic_id, ‘post_date’, true ) );
$forum_id = bbp_get_topic_forum_id($topic_id);

if ($topic_date = strtotime( ‘-90 days’) && $forum_id == 17777 )
bbp_delete_topic( $topic_id ); }
}
?>

[webcreations907]

Inline image WordPress plugin has a free version.

Inline Image Upload for BBPress

[dozza]

I was experiencing exactly the same or very similar on Divi site running bbPress and Memberpress.

I wans’t sure where the issue lay, but it turned out it was with Divi’s Static CSS generation option. ElegantThemes helped me track it down: Divi > Theme options > Builder > Advanced > Static CSS File Generation > Clear.

Clear the static Css file then purge all browser and server-side caching and the acoount profile pages should look as expected now.

You can then pad out the forum profile pages content a little with something like this:
`/* bbPress Account profile pages padding */
#bbpress-forums{
padding: 50px 68px;
}

[u_Oi]

Hi,

Those you call tags “with a green background” are NOT tags. They are forums. The forum about “Installations” topics, the forum about “troubleshooting” topics, etc.

In bbPress you can enable/disable tags option on the setting page. The TAG option is only for topics, so when a new topic is create the author can add tags (on the field “Tags”) related to the content. If you disable tag option, the field “Tags” wont appear on the new topic form.

Tags help find, sort, display content… it’s up to you.

Regards

[u_Oi]

bbPress will “adapt” the profile style to your theme templates, so the installed theme must have a full-width template or you can use block layouts.

[Robin W]

I’d suspect That you are using one of the new FSE themes, so you need a fix to work with bbpress.
installation.

Install this additional plugin

bbp style pack

once activated, navigate to

dashboard>settings>bbp style pack, and you should see the first tab called ‘Theme Support’ – if you don’t see this, come back.

In that tab, select

Enable Theme Support

and save

The forums should then display

[karlstephens]

Hi guys,

Hopefully someone can point me in the right direction…

I’ve got 2 private forums on a bbPress install.

I’d like users to be able to select one of the two forums as part of user registration.

Is this possible? I’ve not come across any plugins that can achieve this.

Thanks in advance.

[sgrenholm]

I (new to WP and bbPress) am trying to create forums and topics.
But always, both in my local env and a hosted env, they come up completely blank:
absolutely nothing on the page (as seen in browser page source.

I don’t doubt I’m doing something stupid, but I can’t see what. Any ideas?
I’m following the bbPress steps for creating forums and topics.

Site: dev.californiahcvtaskforce.org
A sample forum: http://dev.californiahcvtaskforce.org/forums/forum/this-is-a-forum-created-on-firefox/
bbPress 2.6.9

I have replicated this problem both on my local env (Windows, various browsers) and my hosted dev site.
I have tried various browsers (Chrome, Edge, Firefox)
I have run the Health Check & Troubleshooting plugin. The problem persists even if every other plugin is disabled.

Ideas?

Thanks, Stephen

[filout]

What i still found out:
I activate (only) bbPress again and can reach our homepage.
Then i clear all caches from WP Fastest Cache v1.1.1 and i get the error.
Via FTP i deactivate bbPress without clearing the cache and i can reach the homepage

[filout]

I deactivated all bbpress related plugins too and got the same error. So in my opinion this error is not in the related plugins

[Robin W]

Via FTP i deactivated all installed plugins until the error came back and i found out, that this error comes from bbPress.

so with just bbpress, or with the bbpress related plugins you listed above?