首先，创建js 文件夹，与style.css 在里面创建一个main.js 文件
对于工具提示，请使用jQuery UI Tooltips 包含在WordPress中<你必须在你的functions.php 文件如下：

/**
 * Enqueue jQuery UI Tooltips.
 */
function my_scripts() {
    wp_enqueue_script( \'jquery-ui-tooltip\' );
    wp_enqueue_script( \'main\', get_theme_file_uri( \'/js/main.js\' ), array( \'jquery\' ), filemtime( get_theme_file_path( \'/js/main.js\' ) ), true );
}
add_action( \'wp_enqueue_scripts\', \'my_scripts\' );

如您所见，我们还将main.js 文件；-）
现在，打开main.js 文件并添加以下内容：

(function ($) {

    $( \'a[href="#"]\' ).addClass( \'s1  s1--top\' );
    $( \'.s1\' ).tooltip();
    /* OR $( \'.s1--top\' ).tooltip(); */
    /* OR $( \'.s1.s1--top\' ).tooltip(); */
    /* OR $( \'a[href="#"]\' ).tooltip(); */
    /* OR $( \'a[href="#"].s1\' ).tooltip(); */
    /* OR $( \'a[href="#"].s1--top\' ).tooltip(); */
    /* OR $( \'a[href="#"].s1.s1--top\' ).tooltip(); */

})(jQuery);

FOR THIS TO WORK, YOU SHOULD CHANGE data-hint to title 像这样：
<a href="#" title="tooltip here">Just Words.</a>
将通过添加类jQuery 格式将变为：
<a href="#" class="s1 s1--top" title="tooltip here">Just Words.</a>

-----EDIT-----
对于正在使用的脚本，只需将hint.css.
将文件放入css 与相同级别的文件夹style.css 在你的functions.php 添加：

/**
 * Enqueue HINT.CSS
 */
function hint_css() {

    wp_enqueue_style( \'hint\', get_theme_file_uri( \'/css/hint.css\' ), array(), filemtime( get_theme_file_path( \'/css/hint.css\' ) ) );

}
add_action( \'wp_enqueue_scripts\', \'hint_css\' );

现在，我认为您知道如何让它按您的意愿工作；-）

IMPORTANT NOTE
记住创建child theme 除非您正在开发主题，否则将在您使用的主题的下一次更新中删除所有修改。

SYA：）