Theme action reference
Theme hooks are now auto-generated from the code. Some of the basic actions listed on that page are documented here. A visual layout of the more common theme hooks is displayed at the ProBeaver site.
fl_head_openβ
Fires after the opening <head>
tag.
function my_head_open() {
echo '<script> console.log("I am at the beginning of the head tag!"); </script>';
}
add_action( 'fl_head_open', 'my_head_open' );
fl_headβ
Beaver Builderβs styles and custom code are loaded after wp_head
to ensure they arenβt overridden by plugins you may have installed. Use the fl_head
action if you need to load something after Beaver Builderβs styles.
function my_head() {
echo '<link> body { background: #fff; } </link>';
}
add_action( 'fl_head', 'my_head' );
fl_body_openβ
Fires after the opening <body>
tag.
function my_body_open() {
echo '<div> I am right after the body tag. </div>';
}
add_action( 'fl_body_open', 'my_body_open' );
fl_page_openβ
Fires after the opening fl-page <div>
tag.
function my_page_open() {
echo '<div> I am right after the fl-page div. </div>';
}
add_action( 'fl_page_open', 'my_page_open' );
fl_before_top_barβ
Fires before the opening top bar <div>
tag.
function my_before_top_bar() {
echo '<div> I am right before the top bar div. </div>';
}
add_action( 'fl_before_top_bar', 'my_before_top_bar' );
fl_top_bar_col1_openβ
Fires at the beginning of the first top bar column.
function my_top_bar_col1_open() {
echo '<div> I am at the beginning of the first top bar column. </div>';
}
add_action( 'fl_top_bar_col1_open', 'my_top_bar_col1_open' );
fl_top_bar_col1_closeβ
Fires at the end of the first top bar column.
function my_top_bar_col1_close() {
echo '<div> I am at the end of the first top bar column. </div>';
}
add_action( 'fl_top_bar_col1_close', 'my_top_bar_col1_close' );
fl_top_bar_col2_openβ
Fires at the beginning of the second top bar column.
function my_top_bar_col2_open() {
echo '<div> I am at the beginning of the second top bar column. </div>';
}
add_action( 'fl_top_bar_col2_open', 'my_top_bar_col2_open' );
fl_top_bar_col2_closeβ
Fires at the end of the second top bar column.
function my_top_bar_col2_close() {
echo '<div> I am at the end of the second top bar column. </div>';
}
add_action( 'fl_top_bar_col2_close', 'my_top_bar_col2_close' );
fl_after_top_barβ
Fires after the closing top bar <div>
tag.
function my_after_top_bar() {
echo '<div> I am right after the top bar div. </div>';
}
add_action( 'fl_after_top_bar', 'my_after_top_bar' );
fl_before_headerβ
Fires before the opening header <div>
tag.
function my_before_header() {
echo '<div> I am right before the header div. </div>';
}
add_action( 'fl_before_header', 'my_before_header' );
fl_header_content_openβ
Fires at the beginning of the header content section that is available in the Nav Bottom header layout.
function my_header_content_open() {
echo '<div> I am at the beginning of the header content section. </div>';
}
add_action( 'fl_header_content_open', 'my_header_content_open' );
fl_header_content_closeβ
Fires at the end of the header content section that is available in the Nav Bottom header layout.
function my_header_content_close() {
echo '<div> I am at the end of the header content section. </div>';
}
add_action( 'fl_header_content_close', 'my_header_content_close' );
fl_after_headerβ
Fires after the closing header <div>
tag.
function my_after_header() {
echo '<div> I am right after the header div. </div>';
}
add_action( 'fl_after_header', 'my_after_header' );
fl_before_contentβ
Fires before the opening content <div>
tag.
function my_before_content() {
echo '<div> I am right before the content div. </div>';
}
add_action( 'fl_before_content', 'my_before_content' );
fl_content_openβ
Fires after the opening content <div>
tag.
function my_content_open() {
echo '<div> I am right after the opening content div. </div>';
}
add_action( 'fl_content_open', 'my_content_open' );
fl_post_top_meta_openβ
Fires at the beginning of the top post meta section.
function my_post_top_meta_open() {
echo '<div> I am at the beginning of the top post meta section. </div>';
}
add_action( 'fl_post_top_meta_open', 'my_post_top_meta_open' );
fl_post_top_meta_closeβ
Fires at the end of the top post meta section.
function my_post_top_meta_close() {
echo '<div> I am at the end of the top post meta section. </div>';
}
add_action( 'fl_post_top_meta_close', 'my_post_top_meta_close' );
fl_post_bottom_meta_openβ
Fires at the beginning of the bottom post meta section.
function my_post_bottom_meta_open() {
echo '<div> I am at the beginning of the bottom post meta section. </div>';
}
add_action( 'fl_post_bottom_meta_open', 'my_post_bottom_meta_open' );
fl_post_bottom_meta_closeβ
Fires at the end of the bottom post meta section.
function my_post_bottom_meta_close() {
echo '<div> I am at the end of the bottom post meta section. </div>';
}
add_action( 'fl_post_bottom_meta_close', 'my_post_bottom_meta_close' );
fl_comments_openβ
Fires after the opening fl-comments <div>
tag.
function my_comments_open() {
echo '<div> I am right after the fl-comments div. </div>';
}
add_action( 'fl_comments_open', 'my_comments_open' );
fl_comments_closeβ
Fires before the closing fl-comments <div>
tag.
function my_comments_close() {
echo '<div> I am at the end of the fl-comments div. </div>';
}
add_action( 'fl_comments_close', 'my_comments_close' );
fl_sidebar_openβ
Fires after the opening fl-sidebar <div>
tag.
function my_sidebar_open() {
echo '<div> I am right after the fl-sidebar div. </div>';
}
add_action( 'fl_sidebar_open', 'my_sidebar_open' );
fl_sidebar_closeβ
Fires before the closing fl-sidebar <div>
tag.
function my_sidebar_close() {
echo '<div> I am at the end of the fl-sidebar div. </div>';
}
add_action( 'fl_sidebar_close', 'my_sidebar_close' );
fl_content_closeβ
Fires before the closing content </div>
tag.
function my_content_close() {
echo '<div> I am right before the closing content div. </div>';
}
add_action( 'fl_content_close', 'my_content_close' );
fl_after_contentβ
Fires after the closing content </div>
tag.
function my_after_content() {
echo '<div> I am right after the closing content div. </div>';
}
add_action( 'fl_after_content', 'my_after_content' );
fl_footer_wrap_openβ
Fires after the opening footer wrap <div>
tag.
function my_footer_wrap_open() {
echo '<div> I am right after the opening footer wrap div. </div>';
}
add_action( 'fl_footer_wrap_open', 'my_footer_wrap_open' );
fl_before_footer_widgetsβ
Fires before the opening footer widgets <div>
tag.
function my_before_footer_widgets() {
echo '<div> I am right before the footer widgets div. </div>';
}
add_action( 'fl_before_footer_widgets', 'my_before_footer_widgets' );
fl_after_footer_widgetsβ
Fires after the closing footer widgets </div>
tag.
function my_after_footer_widgets() {
echo '<div> I am right after the footer widgets div. </div>';
}
add_action( 'fl_after_footer_widgets', 'my_after_footer_widgets' );
fl_before_footerβ
Fires before the opening footer <div>
tag.
function my_before_footer() {
echo '<div> I am right before the footer div. </div>';
}
add_action( 'fl_before_footer', 'my_before_footer' );
fl_after_footerβ
Fires after the closing footer </div>
tag.
function my_after_footer() {
echo '<div> I am right after the footer div. </div>';
}
add_action( 'fl_after_footer', 'my_after_footer' );
fl_footer_col1_openβ
Fires at the beginning of the first footer column.
function my_footer_col1_open() {
echo '<div> I am at the beginning of the first footer column. </div>';
}
add_action( 'fl_footer_col1_open', 'my_footer_col1_open' );
fl_footer_col1_closeβ
Fires at the end of the first footer column.
function my_footer_col1_close() {
echo '<div> I am at the end of the first footer column. </div>';
}
add_action( 'fl_footer_col1_close', 'my_footer_col1_close' );
fl_footer_col2_openβ
Fires at the beginning of the second footer column.
function my_footer_col2_open() {
echo '<div> I am at the beginning of the second footer column. </div>';
}
add_action( 'fl_footer_col2_open', 'my_footer_col2_open' );
fl_footer_col2_closeβ
Fires at the end of the second footer column.
function my_footer_col2_close() {
echo '<div> I am at the end of the second footer column. </div>';
}
add_action( 'fl_footer_col2_close', 'my_footer_col2_close' );
fl_footer_wrap_closeβ
Fires before the closing footer wrap </div>
tag.
function my_footer_wrap_close() {
echo '<div> I am right before the closing footer wrap div. </div>';
}
add_action( 'fl_footer_wrap_close', 'my_footer_wrap_close' );
fl_page_closeβ
Fires before the closing fl-page <div>
tag.
function my_page_close() {
echo '<div> I am right before the closing fl-page div. </div>';
}
add_action( 'fl_page_close', 'my_page_close' );
fl_body_closeβ
Fires before the closing </body>
tag.
function my_body_close() {
echo '<div> I am right before the closing body tag. </div>';
}
add_action( 'fl_body_close', 'my_body_close' );