用于后端巡回赛的Wordpress兜风

时间:2015-08-07 08:10:23

标签: wordpress zurb-foundation zurb-joyride

我刚刚安装了wordpress(最新)和基础新闻主题(最新)的aclean副本。是否有可能在管理区域运行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 );

}

1 个答案:

答案 0 :(得分:0)

这是可能的,但由于管理页面没有加载前端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复制到一个新文件中将允许巡视运行),但我还没有能够选择所需的样式或适当地包含它们。