Print

Adding Custom Section to Articles using Hooks

Created On
Updated On
By:Dave
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
Views145

In addition to adding content with KB Articles, you can customize sections of every article:

  • Article header
  • Article left and right sidebar
  • Article footer

Then add any of the following sections to your articles:

  • Common links to your support form
  • Sign up form for email subscriptions
  • Bookmarks
  • Article status, such as “new” or “beta”
  • Share buttons
  • Content version numbers
  • Common footer
  • And much more

You have two ways to accomplish custom sections:

PHP Hooks and CSS ID diagram

Hooks in the image below are grouped by color:

  1. Red Text – CSS ID’s to target with your Custom CSS.

  2. Blue Text – Hook names to add custom Code.

Custom Code example

Here is an example of code to add to your Child theme’s function.php file. This code will output text and a list item. From here you can create any kind of section, including contact forms, subscription form, links and layouts.

PHP
				function custom_header_html() { ?>
    <h2>Hello World</h2>
    <p>This is some test text for demonstration purposes</p>
    <ul>
        <li>List Item 1</li>
        <li>List Item 2</li>
    </ul>
}

add_action('eckb-article-header', 'custom_header_html', 10, 4);
Views145
Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?
Tags:
Table of Contents
View Add-ons