在WordPress中，使用钩子（Hook）添加自定义内容到头部通常涉及以下几个步骤：

1. 确定使用的钩子：
   WordPress 提供了多个钩子用于在页面的不同部分添加内容。对于头部，常用的钩子是 wp_head。

2. 编写自定义函数：
   创建一个函数，该函数包含你想要添加到头部的HTML、CSS或JavaScript代码。

3. 使用 add_action 函数挂钩：
   使用 add_action 函数将你的自定义函数挂载到 wp_head 钩子上。

以下是一个简单的示例，展示如何将自定义的JavaScript代码添加到WordPress的头部：

<?php
// 在主题的 functions.php 文件中添加以下代码

// 定义自定义函数
function my_custom_header_scripts() {
    // 在这里添加你的自定义内容，例如JavaScript代码
    ?>
    <script type="text/javascript">
        // 你的JavaScript代码
        console.log('这是自定义的头部脚本！');
    </script>
    <?php
}

// 使用 add_action 将自定义函数挂钩到 wp_head 钩子
add_action('wp_head', 'my_custom_header_scripts');
?>

在这个例子中，每次页面加载时，控制台都会显示一条消息“这是自定义的头部脚本！”。你可以将任何有效的JavaScript代码放在 <script> 标签之间。

如果你想要添加自定义的CSS样式，可以这样做：

<?php
// 在主题的 functions.php 文件中添加以下代码

// 定义自定义函数
function my_custom_header_styles() {
    // 在这里添加你的自定义CSS样式
    ?>
    <style type="text/css">
        /* 你的CSS代码 */
        body {
            background-color: #f0f0f0;
        }
    </style>
    <?php
}

// 使用 add_action 将自定义函数挂钩到 wp_head 钩子
add_action('wp_head', 'my_custom_header_styles');
?>

在这个例子中，页面的背景颜色将被设置为灰色（#f0f0f0）。

请确保将上述代码添加到你的WordPress主题的 functions.php 文件中。这样做可以确保每次页面加载时，都会执行你的自定义函数，并将内容添加到页面的头部。