Using hooks
Summary: Hooks in WordPress themes act as key entry points for developers to customize and extend functionality. They allow for dynamic content creation and modifications within the theme. Let’s explore the essential hooks available in our themes for enhanced customization.
🔧 WordPress Theme Hooks in Keystone Themes
Hooks in WordPress themes are essential for extending functionality without modifying core files. While WordPress core provides several hooks, Keystone Themes offers a robust set of custom hooks to help developers insert or modify content at precise locations.
Here’s a breakdown of the essential hooks provided by Keystone Themes:
1. HTML <html> Hook
keystone_html_before
➤ Inject content before the<html>tag.
2. HTML <head> Hooks
keystone_head_top
➤ Insert content at the top of the<head>section.keystone_head_bottom
➤ Insert content at the bottom of the<head>section.
3. HTML <body> Hooks
keystone_body_top
➤ Add content at the beginning of the<body>tag.keystone_body_bottom
➤ Add content before the closing</body>tag.
4. Header Hooks
keystone_header_beforekeystone_header_afterkeystone_header_topkeystone_header_bottomkeystone_headerkeystone_page_header_beforekeystone_page_header_afterkeystone_page_header_topkeystone_page_header_bottomkeystone_page_header_content
➤ Customize the main site header and page headers before/after specific sections.
5. Content Hooks
keystone_content_beforekeystone_content_afterkeystone_content_topkeystone_content_bottomkeystone_content_primary_topkeystone_content_primary_bottomkeystone_content_while_beforekeystone_content_while_afterkeystone_content_pagekeystone_content_singlekeystone_content_loopkeystone_content_404_page
➤ Modify content areas including pages, posts, loops, and 404 pages.
6. Entry Hooks
keystone_entry_beforekeystone_entry_afterkeystone_entry_content_beforekeystone_entry_content_afterkeystone_entry_topkeystone_entry_bottomkeystone_entry_wrapper_topkeystone_entry_wrapper_bottomkeystone_entry_content_cardkeystone_single_entry_content_topkeystone_single_entry_content_bottom
➤ Target individual entries like blog posts, project items, etc., with fine-grained control.
7. Comments Block Hooks
keystone_comments_beforekeystone_comments_after
➤ Inject content before or after the comment section.
8. Sidebar Hooks
keystone_sidebars_beforekeystone_sidebars_after
➤ Customize the widget areas and sidebars.
9. Related Posts Block Hooks
keystone_related_content_beforekeystone_related_content_afterkeystone_related_content_topkeystone_related_content_bottom
➤ Customize how related posts or content blocks appear.
10. Footer Hooks
keystone_footer_beforekeystone_footer_afterkeystone_footer_topkeystone_footer_bottom
➤ Modify various parts of the footer layout and content.
✅ Pro Tip
To use any of these hooks, just add your custom code like so:
add_action( 'keystone_footer_after', 'custom_footer_message' );
function custom_footer_message() {
echo '<p class="custom-footer-note">Thank you for visiting!</p>';
}
Use these hooks to extend your theme the right way—clean, modular, and update-safe.
Happy coding with Keystone Themes! 🚀
