Developer

Using hooks

Hooks in WordPress themes serve as crucial entry points for developers to customize and enhance functionality. While WordPress core provides some action hooks and template tags, they might not cover all necessary use cases. Hooks enable dynamic content and modifications within the theme. Let’s delve into the essential hooks provided by our themes:

This document explains the hooks provided by our themes. Each theme has its own unique prefix for these hooks, such as sasfy_, agenko_, or edufit_. Simply replace the placeholder pixelfit_theme_ with the corresponding theme's prefix when using those hooks. For example, if you are using the Sasfy WordPress theme, the hooks will be prefixed with sasfy_ instead of pixelfit_theme_

1. HTML `<html>` Hook

pixelfit_theme_before_html

This hook is executed before the opening <html> tag. It allows you to inject content, scripts, or perform actions before the HTML structure of the page starts

2. HTML `<head>` Hooks

pixelfit_theme_head_start
pixelfit_theme_head_end

These hooks enable you to insert content at the top (pixelfit_theme_head_start) or bottom (pixelfit_theme_head_end) of the section, respectively, allowing you to add custom meta tags, scripts, or styles.

3. HTML `<body>` Hooks

pixelfit_theme_start_body
pixelfit_theme_end_body

These hooks allow you to insert content at the beginning (pixelfit_theme_start_body) or end (pixelfit_theme_end_body) of the <body>section, respectively. They are useful for adding custom body elements before or after the main content of the page.

4. Header Hooks

pixelfit_theme_before_header
pixelfit_theme_header
pixelfit_theme_after_header

pixelfit_theme_before_header: Executes before the header section, allowing you to add content or perform actions before the header.
pixelfit_theme_header: Outputs the header content, such as navigation or logo, allowing you to customize or extend the header section.
pixelfit_theme_after_header: Executes after the header section, useful for adding content or performing actions after the header is rendered.

5. Content Hooks

pixelfit_theme_before_content_wrapper
pixelfit_theme_after_content_wrapper
pixelfit_theme_start_content_area
pixelfit_theme_end_content_area
pixelfit_theme_before_content
pixelfit_theme_after_content

pixelfit_theme_before_content_wrapper: Executes before the content wrapper starts, allowing you to insert content or perform actions before the main content area.
pixelfit_theme_after_content_wrapper: Executes after the content wrapper ends, useful for adding content or actions after the main content area.
pixelfit_theme_start_content_area: Fired at the beginning of the content area, useful for adding custom elements at the start of the main content.
pixelfit_theme_end_content_area: Fired at the end of the content area, allowing you to insert content or actions after the main content is rendered.
pixelfit_theme_before_content: Fired before the content is displayed, enabling you to add elements or perform actions before the main content.
pixelfit_theme_after_content: Fired after the content is displayed, allowing you to add elements or actions after the main content.

6. Entry Posts Hooks

pixelfit_theme_post_loop
pixelfit_theme_before_article
pixelfit_theme_after_article
pixelfit_theme_start_article
pixelfit_theme_end_article
pixelfit_theme_start_article_summary
pixelfit_theme_end_article_summary
pixelfit_theme_start_article_content
pixelfit_theme_end_article_content

pixelfit_theme_post_loop: Fired after the main post loop, allowing you to insert custom content or actions after the posts are displayed.
pixelfit_theme_before_article: Executes before each article, allowing you to insert custom content or perform actions before the article starts.
pixelfit_theme_after_article: Executes after each article, enabling you to add content or perform actions once the article has finished.
pixelfit_theme_start_article: Fired at the beginning of each article, useful for wrapping the article content in custom HTML or elements.
pixelfit_theme_end_article: Fired at the end of each article, useful for closing any custom wrappers around the article content.
pixelfit_theme_start_article_summary: Fired at the start of the article summary section, allowing customization or additional content before the summary.
pixelfit_theme_end_article_summary: Fired at the end of the article summary section, allowing for additional content or actions after the summary.
pixelfit_theme_start_article_content: Fired at the start of the post details/content section, allowing you to add elements before the post content.
pixelfit_theme_end_article_content: Fired at the end of the post details/content section, allowing you to insert custom content or actions after the post content.

7. Page Hooks

pixelfit_theme_page_content
pixelfit_theme_start_page_content
pixelfit_theme_end_page_content

pixelfit_theme_page_content: Fired within the main content area to display the page content. It allows customization or adding specific functionality for the page content itself.
pixelfit_theme_start_page_content: Fired at the beginning of the page content area, allowing you to add custom elements or perform actions before the page content.
pixelfit_theme_end_page_content: Fired at the end of the page content area, allowing you to insert additional content or actions after the page content

8. Sidebar Hooks

pixelfit_theme_before_sidebar
pixelfit_theme_after_sidebar

pixelfit_theme_before_sidebar: Fired before the sidebar content is displayed, allowing you to add custom content or perform actions before the sidebar starts.
pixelfit_theme_after_sidebar: Fired after the sidebar content is displayed, enabling you to add content or actions after the sidebar ends.

9. Footer Hooks

pixelfit_theme_before_footer
pixelfit_theme_footer
pixelfit_theme_after_footer

pixelfit_theme_before_footer: Fired before the footer section, allowing you to add custom content or perform actions before the footer starts.
pixelfit_theme_footer: Outputs the footer content, such as footer widgets or copyright information, allowing customization or extension of the footer section.
pixelfit_theme_after_footer: Fired after the footer section, useful for adding content or performing actions after the footer is rendered.

10. Other Hooks

pixelfit_theme_404_content

pixelfit_theme_404_content: Fired on the 404 error page, typically used to display custom content or messages when a page is not found, allowing you to provide a customized error page experience.

Example Usage of Hooks

Example 1: Add a Custom Banner Before the Header

add_action( 'pixelfit_theme_before_header', 'add_banner_before_header' );

function add_banner_before_header() {
    echo '<div class="custom-banner">This is a custom banner before the header!</div>';
}

Example 2: Insert a Custom Message After the Footer

add_action( 'pixelfit_theme_after_footer', 'add_message_after_footer' );

function add_message_after_footer() {
    echo '<div class="footer-message">Thank you for visiting our site!</div>';
}

PreviousTemplate Builder NextTranslation & Multilingual

Last updated 5 months ago

Developer

Using hooks

1. HTML `<html>` Hook

pixelfit_theme_before_html

This hook is executed before the opening <html> tag. It allows you to inject content, scripts, or perform actions before the HTML structure of the page starts

2. HTML `<head>` Hooks

pixelfit_theme_head_start
pixelfit_theme_head_end

3. HTML `<body>` Hooks

pixelfit_theme_start_body
pixelfit_theme_end_body

4. Header Hooks

pixelfit_theme_before_header
pixelfit_theme_header
pixelfit_theme_after_header

pixelfit_theme_before_header: Executes before the header section, allowing you to add content or perform actions before the header.
pixelfit_theme_header: Outputs the header content, such as navigation or logo, allowing you to customize or extend the header section.
pixelfit_theme_after_header: Executes after the header section, useful for adding content or performing actions after the header is rendered.

5. Content Hooks

pixelfit_theme_before_content_wrapper
pixelfit_theme_after_content_wrapper
pixelfit_theme_start_content_area
pixelfit_theme_end_content_area
pixelfit_theme_before_content
pixelfit_theme_after_content

pixelfit_theme_before_content_wrapper: Executes before the content wrapper starts, allowing you to insert content or perform actions before the main content area.
pixelfit_theme_after_content_wrapper: Executes after the content wrapper ends, useful for adding content or actions after the main content area.
pixelfit_theme_start_content_area: Fired at the beginning of the content area, useful for adding custom elements at the start of the main content.
pixelfit_theme_end_content_area: Fired at the end of the content area, allowing you to insert content or actions after the main content is rendered.
pixelfit_theme_before_content: Fired before the content is displayed, enabling you to add elements or perform actions before the main content.
pixelfit_theme_after_content: Fired after the content is displayed, allowing you to add elements or actions after the main content.

6. Entry Posts Hooks

pixelfit_theme_post_loop
pixelfit_theme_before_article
pixelfit_theme_after_article
pixelfit_theme_start_article
pixelfit_theme_end_article
pixelfit_theme_start_article_summary
pixelfit_theme_end_article_summary
pixelfit_theme_start_article_content
pixelfit_theme_end_article_content

pixelfit_theme_post_loop: Fired after the main post loop, allowing you to insert custom content or actions after the posts are displayed.
pixelfit_theme_before_article: Executes before each article, allowing you to insert custom content or perform actions before the article starts.
pixelfit_theme_after_article: Executes after each article, enabling you to add content or perform actions once the article has finished.
pixelfit_theme_start_article: Fired at the beginning of each article, useful for wrapping the article content in custom HTML or elements.
pixelfit_theme_end_article: Fired at the end of each article, useful for closing any custom wrappers around the article content.
pixelfit_theme_start_article_summary: Fired at the start of the article summary section, allowing customization or additional content before the summary.
pixelfit_theme_end_article_summary: Fired at the end of the article summary section, allowing for additional content or actions after the summary.
pixelfit_theme_start_article_content: Fired at the start of the post details/content section, allowing you to add elements before the post content.
pixelfit_theme_end_article_content: Fired at the end of the post details/content section, allowing you to insert custom content or actions after the post content.

7. Page Hooks

pixelfit_theme_page_content
pixelfit_theme_start_page_content
pixelfit_theme_end_page_content

pixelfit_theme_page_content: Fired within the main content area to display the page content. It allows customization or adding specific functionality for the page content itself.
pixelfit_theme_start_page_content: Fired at the beginning of the page content area, allowing you to add custom elements or perform actions before the page content.
pixelfit_theme_end_page_content: Fired at the end of the page content area, allowing you to insert additional content or actions after the page content

8. Sidebar Hooks

pixelfit_theme_before_sidebar
pixelfit_theme_after_sidebar

pixelfit_theme_before_sidebar: Fired before the sidebar content is displayed, allowing you to add custom content or perform actions before the sidebar starts.
pixelfit_theme_after_sidebar: Fired after the sidebar content is displayed, enabling you to add content or actions after the sidebar ends.

9. Footer Hooks

pixelfit_theme_before_footer
pixelfit_theme_footer
pixelfit_theme_after_footer

pixelfit_theme_before_footer: Fired before the footer section, allowing you to add custom content or perform actions before the footer starts.
pixelfit_theme_footer: Outputs the footer content, such as footer widgets or copyright information, allowing customization or extension of the footer section.
pixelfit_theme_after_footer: Fired after the footer section, useful for adding content or performing actions after the footer is rendered.

10. Other Hooks

pixelfit_theme_404_content

pixelfit_theme_404_content: Fired on the 404 error page, typically used to display custom content or messages when a page is not found, allowing you to provide a customized error page experience.

Example Usage of Hooks

Example 1: Add a Custom Banner Before the Header

add_action( 'pixelfit_theme_before_header', 'add_banner_before_header' );

function add_banner_before_header() {
    echo '<div class="custom-banner">This is a custom banner before the header!</div>';
}

Example 2: Insert a Custom Message After the Footer

add_action( 'pixelfit_theme_after_footer', 'add_message_after_footer' );

function add_message_after_footer() {
    echo '<div class="footer-message">Thank you for visiting our site!</div>';
}

PreviousTemplate Builder NextTranslation & Multilingual

Last updated 5 months ago

Using hooks

1. HTML <html> Hook

2. HTML <head> Hooks

3. HTML <body> Hooks

4. Header Hooks

5. Content Hooks

6. Entry Posts Hooks

7. Page Hooks

8. Sidebar Hooks

9. Footer Hooks

10. Other Hooks

Example Usage of Hooks

Using hooks

1. HTML <html> Hook

2. HTML <head> Hooks

3. HTML <body> Hooks

4. Header Hooks

5. Content Hooks

6. Entry Posts Hooks

7. Page Hooks

8. Sidebar Hooks

9. Footer Hooks

10. Other Hooks

Example Usage of Hooks

1. HTML `<html>` Hook

2. HTML `<head>` Hooks

3. HTML `<body>` Hooks

1. HTML `<html>` Hook

2. HTML `<head>` Hooks

3. HTML `<body>` Hooks