在Drupal 8中创建自定义滑块

Question

我目前正在参与Drupal 8项目，但是对于Drupal来说我是一个新手。 简而言之，该项目的目的是建立基于现有设计的网站，客户可以在Drupal中更新该网站（例如修改某些文章，将图像上传到图库，将幻灯片添加到滑块等）。

我已经有了一个静态的html页面。

此时，我将目标设置为将静态页面的滑块移动到Drupal，以便用户可以添加，删除或更新幻灯片。 每张幻灯片将包含背景图像，标题和描述文本。

经过一天的研究，我现在可以创建自己的主题并创建一个与静态html页面完全相同的“硬代码”首页。 我很难将幻灯片转换为用户可以在Drupal中修改的常规项目。

我正在阅读一些有关“模块和视图”的文章，但感到非常迷茫。

我可以就主题的哪个方面或实现我提到的目标应采用的技术提供一些指导吗？ 谢谢！

Answer 1

我目前正在开发一个Drupal 8模块，该模块实现了一个带有滑块的模块。 编辑滑块真的很容易。 它使用Jssor滑块。

您如何开始这项工作？ 我愿意为您服务。

1. 下载Jssor滑块（非jQuery /非最小化/全宽版）
2. 在新的自定义模块中编写自己的滑块块。 将Jssor HTML放在滑块块代码的一部分中，该代码将输出该块的HTML
3. 通过Drupal控制面板创建一个Slider内容类型（该内容类型需要包含多个图像以及您要显示的任何其他幻灯片信息）-最终CMS用户将在其中添加和删除该滑块的图像/文本（它们不需要更改块）。

4. 滑块块的代码应读取在滑块内容类型中选择的图像，并在Jssor HTML中输出这些图像的HTML。 就像是：

    $slider_html = ''; foreach ($full_image_urls as $full_image_url) { $slide_html .= '<div><img data-u="image" src="'. $full_image_url .'" /></div>'; } 

我之所以在一个代码块中实现它，是因为很容易将代码块添加到所需的任何页面中，并且可以拖动它们显示的顺序。

这是一个非常高级的答案。 如果您需要更多详细的支持，或者您觉得不清楚，那么我很乐意提供进一步的帮助。 这里没有足够的空间来详细说明每个实施步骤，但是您需要提供指南。

当我的Slider模块完成时（它会比人们苦苦挣扎的现有jssor模块容易使用得多），我很乐意为您提供早期的副本。

Answer 2

视图幻灯片可用于创建可显示在视图中的任何内容（不仅仅是图像）的幻灯片。 它由jQuery提供支持，可高度自定义：您可以为创建的每个视图选择幻灯片设置。

• 请遵循标准的Drupal 8模块安装说明 。

  视图幻灯片还需要一些外部JavaScript库。 有关详细信息和安装说明，请参见自述文件。 或者，如果您通过drush安装，则将自动安装它们。 如果不安装库，则“视图幻灯片”将不起作用！