Создание собственного слайдера в Drupal 8

В настоящее время я участвую в проекте Drupal 8, но я очень новичок в Drupal. Короче говоря, целью проекта является создание веб-сайта на основе существующего дизайна, и клиент может обновлять веб-сайт в Drupal (например, изменять некоторые статьи, загружать изображения в галерею, добавлять слайды в слайдер и т. д.).

У меня уже есть статическая html-страница.

На данный момент я поставил цель переместить ползунок статической страницы в Drupal, чтобы пользователь мог добавлять, удалять или обновлять слайд. Каждый слайд будет содержать фоновое изображение, заголовок и текст описания.

После дня исследований я теперь могу создать свою собственную тему и создать главную страницу с «жестким кодом», которая точно такая же, как и моя статическая html-страница. Я изо всех сил пытаюсь преобразовать слайды в общие элементы, которые пользователи могут изменять в Drupal.

Я читаю некоторые статьи о модулях и представлениях, но чувствую себя очень потерянным.

Могу ли я получить некоторые указания относительно того, какой аспект темы или какие методы я должен использовать для достижения цели, которую я упомянул? Спасибо!


slider php twig drupal drupal-8
person TigerDev    schedule 31.03.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

В настоящее время я разрабатываю модуль Drupal 8, который реализует блок с ползунком в нем. Редактировать слайдеры очень легко. Он использует слайдер Jssor.

Каковы ваши сроки, чтобы заставить это работать? Я готов помочь вам.

  1. Загрузите слайдер Jssor (версия без jQuery / не свернутая / полная ширина)
  2. Создайте свой собственный блок слайдера внутри нового пользовательского модуля. Поместите Jssor HTML в часть кода блока ползунка, который выводит HTML для блока
  3. Создайте тип контента «Слайдер» через панель управления Drupal (тип контента должен состоять из нескольких изображений и любой другой информации о слайде, которую вы хотите отобразить) — здесь конечный пользователь CMS будет добавлять и удалять изображения/текст для слайдера. (им не нужно будет менять блок).

  4. Код для вашего блока ползунка должен считывать изображения, выбранные в типе содержимого ползунка, и выводить HTML для них в Jssor HTML. Что-то типа:

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

Причина, по которой я реализовал это в блоке, заключается в том, что блоки легко добавлять на любую страницу, которая вам нравится, и вы можете перетаскивать порядок их отображения.

Это очень высокий уровень ответа. Если вам нужна более подробная поддержка, или вы чувствуете, что это неясно, то я буду рад помочь дальше. Здесь нет места для подробного описания КАЖДОГО шага реализации в ответе, однако вы просили руководство.

Когда мой модуль слайдера будет готов (его будет намного проще использовать, чем существующий модуль jssor, с которым люди борются), я буду рад дать вам первую копию.

person M-XYZ    schedule 01.04.2017