Skip to content
Cobalt Apps Docs
  • CobaltApps.com

FAQs

7
  • There Are A TON Of WP Frameworks Out There, Why Choose Freelancer?
  • If Freelancer Is Free Than Why Does It Require A License?
  • What Is A Theme Framework And How Is It Different Than The Default WordPress Themes?
  • What Are WordPress Conditionals And How Do I Use Them?
  • What Are Filter Hooks?
  • What Are Action Hooks?
  • How Do I Renew My Cobalt Apps Product License?

Dynamik Website Builder

29
  • Dynamik Website Builder Change Log
  • How To Add New Google Fonts To Dynamik
  • How To Add Custom Fonts To Dynamik
  • How To Setup Your Site Just Like A Dynamik Skin Demo
  • Dynamik Vitality Skin Demo Setup
  • Dynamik ThemeShop Skin Demo Setup
  • Dynamik Startup Skin Demo Setup
  • Dynamik Promote Skin Demo Setup
  • Dynamik Parallax Skin Demo Setup
  • Dynamik NonProfit Skin Demo Setup
  • Dynamik Journal Skin Demo Setup
  • Dynamik Impact Skin Demo Setup
  • Dynamik Impress Skin Demo Setup
  • Dynamik RealEstate Skin Demo Setup
  • Dynamik Commerce Skin Demo Setup
  • How To Add A Retina-Ready Logo To Dynamik
  • Dynamik Custom PHP Builder
  • Dynamik Layout Widths
  • Dynamik Custom Widget Areas
  • Dynamik Custom Hook Boxes
  • Dynamik Custom Conditionals
  • Dynamik Custom Labels
  • Dynamik Custom Templates
  • Dynamik Custom Javascript
  • Dynamik Custom Functions
  • Dynamik Custom CSS
  • Dynamik Settings/Custom Import/Export
  • How The Dynamik Skins Feature Works
  • How To Install The Genesis Framework And Dynamik Website Builder

Instant IDE

12
  • Comparing Instant IDE With The Instant IDE Manager Plugin
  • Editing The Instant IDE HTACCESS File
  • Uninstalling Instant IDE
  • About Instant IDE Security
  • How To Manually Update The Instant IDE Manager Plugin
  • What To Do If You Forget Your Admin Access Pin Number
  • Securing The Instant IDE Manager Admin
  • How To Unzip A File In Instant IDE
  • How To Install WordPress Using Instant IDE
  • How To Resolve Form Validation Errors
  • Instant IDE Keyboard Shortcuts
  • How To Install Instant IDE

Simple Sandbox Pro

1
  • How To Enabled The PHP “exec” Function On Your Server

Genesis DevKit

10
  • DevKit Journal Theme
  • DevKit Promote Theme
  • DevKit Impact Theme
  • DevKit Startup Theme
  • DevKit Default Theme
  • What Is A DevKit Theme?
  • DevKit Parallax Theme
  • DevKit Impress Theme
  • Previewing Mobile Fixed Header When Logged Into Dashboard
  • Genesis DevKit Plugin Options And General Functionality

Extender Pro

9
  • Extender Pro Custom Hook Blocks
  • Extender Pro Custom Hook Boxes
  • Extender Pro Custom Widget Areas
  • Extender Pro Custom Conditionals
  • Extender Pro Custom Labels
  • Extender Pro Custom Templates
  • Extender Pro Custom Javascript
  • Extender Pro Custom Functions
  • Extender Pro Custom CSS

Themer Pro

10
  • Advanced File Editor Controls
  • Ace Editor Themes
  • Frontend Dev Tools
  • Frontend Hooks Map
  • Child Theme Editor
  • Child Theme Image Manager
  • Ace Editor Syntax Validation Checking
  • Child Theme Creator
  • Themer Pro Keyboard Shortcuts
  • Quick-Edit Page Templates With Front-End “Edit Code” Button

Freelancer Framework

13
  • Hide Freelancer Admin Pages
  • Adding Custom Body Classes To Freelancer
  • Debugging Freelancer Scripts
  • Set Custom Icons URL
  • There Are A TON Of WP Frameworks Out There, Why Choose Freelancer?
  • If Freelancer Is Free Than Why Does It Require A License?
  • Setting Up The Freelancer Child Theme Default Settings
  • Freelancer Action Hooks
  • Getting And Defining Freelancer Layouts
  • Freelancer Child Theme Setup
  • How To Add Footer Widgets To Freelancer
  • Freelancer Layouts
  • Freelancer Filter Hooks
View Categories
  • Home
  • Articles
  • Dynamik Website Builder
  • Dynamik Custom Hook Boxes

Dynamik Custom Hook Boxes

4 min read

Taking WordPress Hooks To A Whole New Level! #

The Custom Hook Box option makes it not only super easy to create an unlimited number of Custom Hook Boxes, but then dictate their placement on your site using various Custom Conditionals (or if you don’t want to restrict their placement just leave your Conditionals un-selected).

How To Use… #

Give your Custom Hook Box a Name, select a Hook Location from the drop-down menu provided and then, if you would like to restrict the types of pages/posts your Custom Hook Box Content displays on, you can select various Conditionals you’ve created by checking the boxes in the Conditionals drop-down menu. Those few steps are all you need to take to successfully create a Custom Hook Box. Finally it’s just a matter of adding your custom content to the Hook Box Textarea. Here you can add any type of plain text and/or HTML and even javascript and PHP code!

What Happens When You Change The Name of A Custom Hook Box? #

The name of a Custom Hook Box acts as it’s ID so when you change that name it does not rename the Hook Box, but instead it creates a duplicate Custom Hook Box with the new name.

More Advanced… #

The Custom Hook Boxes option provides an advanced feature that you may find useful at some point. By setting a Priority you can gain even more control over the placement of your Custom Hook Boxes.

Sometimes you may add multiple Custom Hook Boxes and/or Custom Widget Areas to the same Hook Location. In these cases the Priority option becomes useful. When adding a Priority you should start with the number 10 as a baseline as this is usually the default Priority level in WordPress. You could give one Hook Box or Widget Area a Priority of 10 and another 11 or 9 and these Custom Content areas will display before or after accordingly.

Finally, you’ll notice that you can easily turn these Custom Hook Boxes on or off with the “Activate” option. This is useful when you don’t want to delete your Custom Hook Box, but would like to remove it from your site for the time being.

Can I Add PHP Code To My Custom Hook Boxes? #

Absolutely you can! Just be careful as you can temporarily “break” your site with incorrect PHP code.

“Custom CSS Box!” #

One very useful feature is the ability to simply add CSS code to your Custom Hook Box and have it automatically wrapped in the proper <style>tags</style>, minified for greatest efficiency, and hooked into the wp_head hook location. And with the Custom Conditionals and Labels at your disposal you can easily control where these styles affect your website! To use this feature all you have to do is name your Hook Box, select “CSS” in the drop-down menu to the right of the “Priority” option and then add your CSS code to the Hook Box’s textarea.

Shortcode #

To use a Shortcode to display a Hook Box, use: [your_hook_box_name_here] In other words, just take the Name you gave your Hook Box, change any capital letters to lowercase, change any spaces and/or dashes to underscores, and wrap it in square brackets.

[do_shortcode] Button #

To use shortcodes inside a Custom Hook Box you need to wrap the [shortcode] in the do_shortcode() function . A quick and easy way to do this is to simply click on the [do_shortcode] button. That will automatically wrap any text it finds wrapped in square brackets with that  do_shortcode() function.

Note, however, that there may be cases where square bracketed text is not shortcode text in which case you’d either need to manually add the do_shortcode() function to any actual shortcodes in that Hook Box or just make sure to remove the do_shortcode() function code that is wrapped around any non-shortcode text.

</wrap php> Button #

Click this button to wrap your PHP code in opening and closing PHP tags. Note that this will wrap ALL content inside your Custom Hook Box with PHP tags.

**Important NOTE** #

Be sure that each of your Custom Hook Boxes has a name given to it. Failure to do this may result in the inability to Save your Custom Option settings.

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
How To Add New Google Fonts To Dynamik
Table of Contents
  • Taking WordPress Hooks To A Whole New Level!
  • How To Use...
  • What Happens When You Change The Name of A Custom Hook Box?
  • More Advanced...
  • Can I Add PHP Code To My Custom Hook Boxes?
  • "Custom CSS Box!"
  • Shortcode
  • [do_shortcode] Button
  • </wrap php> Button
  • **Important NOTE**
AboutSales & Support PoliciesProduct Support GuidelinesPrivacy PolicyAffiliatesTerms of ServiceContact Us
Cobalt Apps DocsCopyright © 2025