Hooks

Dispay theme hooks

We’ve made it easy to show the available hooks inside Page Builder Framework. With the Premium Add-On, you can display all theme hooks by clicking Display Theme Hooks in your WordPress admin bar.

Remove theme hooks display

To remove the Display Theme Hooks button from the WordPress admin bar, paste the code snippet below into your child-themes functions.php

add_action( 'admin_bar_menu', 'remove_wp_logo', 9999 );

function remove_wp_logo( $wp_admin_bar ) {
	$wp_admin_bar->remove_node( 'wpbf-hooks' );
}

Hooks

Use the built in hooks in your child-themes functions.php to further customize your website.

General

wpbf_body_open

Fires after the opening <body> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_body_open', 'yourfunction' );

Pre Header

wpbf_before_pre_header

Fires before the pre-header section.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_pre_header', 'yourfunction' );

wpbf_pre_header_open

Fires after the opening pre-header wrapper (only available on single column layout).

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_pre_header_open', 'yourfunction' );

wpbf_pre_header_close

Fires before the closing pre-header wrapper (only available on single column layout).

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_pre_header_close', 'yourfunction' );

wpbf_pre_header_left_open

Fires before the pre-header content in the left column (only available on two column layout).

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_pre_header_left_open', 'yourfunction' );

wpbf_pre_header_left_close

Fires after the pre-header content in the left column (only available on two column layout).

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_pre_header_left_close', 'yourfunction' );

wpbf_pre_header_right_open

Fires before the pre-header content in the right column (only available on two column layout).

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_pre_header_right_open', 'yourfunction' );

wpbf_pre_header_right_close

Fires after the pre-header content in the right column (only available on two column layout).

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_pre_header_right_close', 'yourfunction' );

wpbf_after_pre_header

Fires after the pre-header section.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_pre_header', 'yourfunction' );

Header

wpbf_before_header

Fires before the opening <header> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_header', 'yourfunction' );

wpbf_header_open

Fires after the opening <header> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_header_open', 'yourfunction' );

wpbf_header_close

Fires before the closing <header> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_header_close', 'yourfunction' );

wpbf_after_header

Fires after the closing <header> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_header', 'yourfunction' );

Navigation

wpbf_before_main_menu

Fires before the opening main menu <nav> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_main_menu', 'yourfunction' );

wpbf_main_menu_open

Fires after the opening main menu <nav> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_main_menu_open', 'yourfunction' );

wpbf_main_menu_close

Fires before the closing main menu <nav> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_main_menu_close', 'yourfunction' );

wpbf_after_main_menu

Fires after the closing main menu <nav> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_main_menu', 'yourfunction' );

wpbf_before_off_canvas_menu

Fires before the opening off-canvas menu <nav> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_off_canvas_menu', 'yourfunction' );

wpbf_after_off_canvas_menu

Fires after the closing off-canvas menu <nav> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_off_canvas_menu', 'yourfunction' );

wpbf_before_full_screen_menu

Fires before the opening full-screen menu <nav> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_full_screen_menu', 'yourfunction' );

wpbf_after_full_screen_menu

Fires after the closing full-screen menu <nav> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_full_screen_menu', 'yourfunction' );

Sidebar

wpbf_before_sidebar

Fires before the opening <aside> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_sidebar', 'yourfunction' );

wpbf_sidebar_open

Fires after the opening <aside> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_sidebar_open', 'yourfunction' );

wpbf_after_sidebar

Fires after the closing <aside> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_sidebar', 'yourfunction' );

wpbf_sidebar_close

Fires before the closing <aside> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_sidebar_close', 'yourfunction' );

Footer

wpbf_before_footer

Fires before the opening <footer> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_footer', 'yourfunction' );

wpbf_footer_open

Fires after the opening <footer> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_footer_open', 'yourfunction' );

wpbf_footer_close

Fires before the closing <footer> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_footer_close', 'yourfunction' );

wpbf_after_footer

Fires after the closing <footer> tag.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_footer', 'yourfunction' );

Posts

wpbf_before_article

Fires before the opening <article> tag on single pages. This is especially useful if you plan to add Breadcrumbs to your posts.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_article', 'yourfunction' );

wpbf_before_article_meta

Fires before the article meta-data.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_before_article_meta', 'yourfunction' );

wpbf_after_article_meta

Fires after the article meta-data.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_article_meta', 'yourfunction' );

wpbf_after_article

Fires after the closing <article> tag on single pages.

function yourfunction() {
    echo 'Hi!'; 
} 
add_action( 'wpbf_after_article', 'yourfunction' );