用于后端之旅的 Wordpress Joyride

Posted 2023-05-09

【中文标题】用于后端之旅的 Wordpress Joyride

【英文标题】：Wordpress Joyride for Backend Tour

【发布时间】：2015-10-30 14:26:33

【问题描述】：

我刚刚安装了 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 );

【参考方案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 复制到一个新文件中将允许游览运行），但我无法只挑选出所需的样式或适当地包含它们。

【讨论】：

不想弄乱最后一段，但我一直在尝试的另一种选择是将游览本身包装在“joyride_container”div中，并使样式依赖于它，以便将其封装起来来自后端 CSS 的其余部分。也就是说，为 8,000 行的 css 文件执行此操作有点繁重，因此我正在寻找其他选项...

抱歉这么晚才回复。我试图把它变成一个插件，但似乎无法让脚本加载我这样排队...好吧，因为有限的编辑会添加到原始帖子中。