FluentCommunity Theme for all pages (including TutorLMS, + any CPT

This is an update to my previous post about making FluentCommunity header and sidebar consistent on any page and custom post type without changing the layout of the page/post content, and the default FluentCommunity Frame forces page content into its grid which ends up loading Fluents CSS instead of the page/post layout.

With the custom post which I will share below, I have been able to integrate the header and sidebar menu to all pages (like buddyboss header/panel).

FluentCommunity on Elementor Page without content layout change

FluentCommunity on TutorLMS Lesson Page

TutorLMS with Dark Mode

I will develop this more to make sure the dark mode works with other plugins but this is my current snippet.
(If you want to load only for logged in users you can private message me, but this loads the header and footer for all pages either logged in or not.

Code Snippet

1. add_filter( 'show_admin_bar', '__return_false' );
2.  
3. add_action( 'template_redirect', function () {
4.  
5.     if ( is_admin() ) {
6.         return;
7.     }
8.  
9.     if ( ! has_action( 'fluent_community/enqueue_global_assets' ) ) {
10.         return;
11.     }
12.  
13.     do_action( 'fluent_community/enqueue_global_assets', true );
14.  
15.     add_filter( 'body_class', function ( $classes ) {
16.         $classes[] = 'fluent_com_wp_pages';
17.         return $classes;
18.     } );
19.  
20.     add_action( 'wp_head', function () {
21.         echo '<style id="fcom-chrome-layout">
22.            html { font-size: 100%; }
23.            .feed_layout { --global-vw: var(--fcom-main-content-width, 100vw); }
24.            <a data-user_name="media" class="fcom_mention fcom_route" href="https://community.wpmanageninja.com/portal/u/media/">Media Rocketeer</a> (min-width: 1024px) {
25.                .feeds_main.fcom_wp_content {
26.                    padding: 0 !important;
27.                }
28.            }
29.            [data-vertical-spacing*="top"] {
30.                padding-top: 0 !important;
31.            }
32.            .hero-section[data-type=type-1] {
33.                margin-bottom: 0 !important;
34.            }
35.        </style>';
36.  
37.         if ( class_exists( '\FluentCommunity\App\Services\Helper' )
38.             && \FluentCommunity\App\Services\Helper::hasColorScheme() ) {
39.             echo '<script>
40.                (function(){
41.                    var s = localStorage.getItem("fcom_global_storage");
42.                    if(s){s=JSON.parse(s);if(s&&s.fcom_color_mode==="dark"){
43.                        document.documentElement.classList.add("dark");
44.                        document.documentElement.setAttribute("data-color-mode","dark");
45.                    }}
46.                })();
47.            </script>';
48.         }
49.     }, 5 );
50.  
51.     ob_start();
52.     do_action( 'fluent_community/before_portal_dom' );
53.     $fc_before_portal = ob_get_clean();
54.  
55.     ob_start();
56.     do_action( 'fluent_community/portal_header', 'wp' );
57.     $fc_header = ob_get_clean();
58.  
59.     ob_start();
60.     do_action( 'fluent_community/portal_sidebar', 'wp' );
61.     $fc_sidebar = ob_get_clean();
62.  
63.     ob_start();
64.     do_action( 'fluent_community/template_footer' );
65.     $fc_footer = ob_get_clean();
66.  
67.     $fc_open =
68.         $fc_before_portal
69.         . '<div class="fcom_wrap fcom_wp_frame">'
70.         .   '<div class="fluent_com">'
71.         .     '<div class="fhr_wrap">'
72.         .       $fc_header
73.         .       '<div class="fhr_content">'
74.         .         '<div class="fhr_home">'
75.         .           '<div class="feed_layout">'
76.         .             '<div class="spaces">'
77.         .               '<div id="fluent_community_sidebar_menu" class="space_contents">'
78.         .                 $fc_sidebar
79.         .               '</div>'
80.         .             '</div>'
81.         .             '<div class="feeds_main fcom_wp_content fcom_fallback_wp_content">';
82.  
83.     $fc_close =
84.             '</div>'
85.         . '</div>'
86.         . '</div>'
87.         . '</div>'
88.         . '</div>'
89.         . '</div>'
90.         . '</div>'
91.         . $fc_footer;
92.  
93.     ob_start( function ( $html ) use ( $fc_open, $fc_close ) {
94.  
95.         $html = preg_replace_callback(
96.             '/(<body\b[^>]*>)/i',
97.             function ( $match ) use ( $fc_open ) {
98.                 return $match[1] . $fc_open;
99.             },
100.             $html,
101.             1
102.         );
103.  
104.         $html = preg_replace_callback(
105.             '/<\/body>/i',
106.             function ( $match ) use ( $fc_close ) {
107.                 return $fc_close . $match[0];
108.             },
109.             $html,
110.             1
111.         );
112.  
113.         return $html;
114.     } );
115.  
116. }, 1 );