在 Squarespace 中使用 Revolution Slider

Question

我无法确定 jQuery 版本的 Revolution Slider 是否可以与 Squarespace 网站一起使用。 documentation 提到您需要将包含文件的多个文件夹（assets、css、fonts、js）上传到网络服务器，而 Squarespace 无法做到这一点（您可以只上传个人 JavaScript 文件或其他资产文件）。但也许没有必要拥有文件夹结构。是否可以将 Revolution Slider 与 Squarespace 一起使用？

Answer 1

基于文档中的以下文本：

Please upload the <strong>revolution</strong> folder to your server. In this folder you will find the following subfolders containing all of the items content:

    assets
    css
    fonts
    js

If your Slider Revolution is placed in a different folder, don’t forget to change the file paths in the upcoming examples!

您似乎可以通过启用 Developer Mode/Platform 在 Squarespace 中使用它。您可以将名为 "revolution" 的文件夹添加到 Squarespace 中的 "assets" 文件夹中。 “/assets/revolution”文件夹将包含文档中引用的所有文件（资产、css、字体、js）。然后，您将按照文档中的说明更改文件路径。

我刚好在用Dev。独家模式，所以虽然我非常熟悉它，但我没有使用过你提到的滑块。但是，我在文档中看不到任何让我相信它行不通的内容。我使用 Dev 以类似的方式包含了其他插件。 Mode/Platform.

这需要您学习和使用 Developer Platform，您需要考虑这一点，因为它会增加使用此滑块的开销（您不仅要学习使用滑块，而且首先要学习Squarespace Developer Platform，how/where 添加脚本和文件，Git/SFTP，等等）

您当然可以从 Squarespace 模板开始，启用 Dev。从那里开始模式，然后仅对文件进行最低限度的编辑以实现您对滑块的使用（将文件添加到 /assets，添加脚本，完成）。

从文档中，您将添加以下内容（带有编辑的文件路径）“在 <head></head> 标签之间 ”。

- RS5.0 Main Stylesheet -->
<link rel="stylesheet" type="text/css" href="/assets/revolution/css/settings.css">

<!-- RS5.0 Layers and Navigation Styles -->
<link rel="stylesheet" type="text/css" href="/assets/revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="/assets/revolution/css/navigation.css">    

<!-- RS5.0 Core JS Files -->
<script type="text/javascript" src="/assets/revolution/js/jquery.themepunch.tools.min.js?rev=5.0"></script>
<script type="text/javascript" src="/assets/revolution/js/jquery.themepunch.revolution.min.js?rev=5.0"></script>

从那里开始，需要在 Squarespace LayoutEngine 的代码块中添加 "slider markup" 和初始化脚本，或者在模板文件本身中添加 'hard-coded'（后一种选择会比使用代码块更需要 navigating/editing 模板文件）。我建议先尝试使用代码块。

在 Squarespace 中使用 Revolution Slider

Using Revolution Slider with Squarespace

squarespace

revolution-slider