Wordpress Joyride for Backend Tour

Question

我刚刚安装了wordpress(最新)和基础新闻主题(最新)的干净副本。是否有可能让Joyride运行在管理区域，以显示客户端的基本信息，如果是这样的话，你如何开始这个过程?

更新:尝试使用这个插件，但脚本不加载，我像这样排队。我将初始化添加到一个单独的js文件。

function joyride_enqueued_assets() {
wp_enqueue_script( 'modernizer-js', plugin_dir_url( __FILE__ ) . '/js/modernizer.mq.js', array( 'jquery' ), '1.0', true );
wp_enqueue_script( 'foundation-js', plugin_dir_url( __FILE__ ) . '/js/foundation.js', array( 'jquery' ), '1.0', true );
wp_enqueue_script( 'foundation.joyride-js', plugin_dir_url( __FILE__ ) . '/js/modernizr.js', array( 'jquery' ), '1.0', true );
wp_enqueue_script( 'cookie-js', plugin_dir_url( __FILE__ ) . '/js/jquery.cookie.js', array( 'jquery' ), '1.0', true );
wp_enqueue_script( 'initialize-joyride-js', plugin_dir_url( __FILE__ ) . '/js/initialize-joyride.js', array( 'jquery' ), '1.0', true );
wp_enqueue_script( 'joyride-css', plugin_dir_url( __FILE__ ) . '/css/foundation.css', array( 'stylesheet' ), '1.0', true );

}

Answer 1

这是可能的，但是由于管理页面不加载前端CSS，因此您需要在加载向导时加载包含所需内容(以及JS文件)的样式表。

特别是，如果你包含以下文件，Joyride将工作:

• foundation.css
• foundation.js
• foundation.joyride.js
• jquery.cookie.js

你还需要在JQuery中用以下代码初始化它:

<script type="text/javascript">
    jQuery(document).foundation('joyride', 'start');
</script>

只需回显以下内容即可显示:

• HTML包含css/js文件
• 包含您的行程的ol
• 初始化器script摘录

也就是说，虽然这将使Joyride工作，但foundation.css与WordPress的后端样式有重大冲突。这并不一定会破坏一切，但事情会显得很奇怪，有些项目会隐藏在侧边栏菜单后面。

解决这个问题的另一种方法是创建一个自定义的.css文件，其中包含joyride本身的样式，并使用它来代替foundation.css。不幸的是，我仍然在研究这个问题的这一部分;其实我自己在寻找答案的时候发现了你的问题。这个想法是可靠的(将foundation.css的所有内容复制到一个新文件中就可以运行这个tour了)，但是我还没有能够挑选出所需的样式或适当地包含它们。