Видео Туториал - создание компонента "Мастер Виджетов"

+43
2.75K
Приветствую.

В этом туториале описано создание компонента для второй ветки от начала и до конца. Компонент умеет:
1. Создавать неограниченное количество новых страниц под размещение виджетов. Для этого не нужно будет писать компоненты-пустышки (или типы контента без контента) или придумывать что-то еще, добавляя костыли в шаблон.
2. Настраивать для каждой уникальное описание и метатег title
3. Формировать красивые адреса для страниц — сайт.ру/new-year.html

Иллюстрация

На видео есть:

1. Создание фронтенда и модели компонента
2. Создание админки с настройками
3. Работа с таблицами
4. Добавление, удаление, редактирование записей
5. Работа с хуками
6. Подготовка пакета расширения для установки через админку или загрузки в каталог.

Можно без потери качества увеличить скорость в видео до 1,25



Смотреть лучше в HD, можно ускорить.

Получилось 53+41 = 94 минуты 53 + 41 + 5 ~100 минут, ну так уж вышло)



На видео рассказано про все файлы компонента (а точнее все они созданы вручную прямо на видео) и каждый может написать это дополнение просто повторяя за видео. Покупка актуальна только в двух случаях —
1. вам нужно дополнение, но не хочется тратить на это свое время.
2. хотите продолжения этого блокбастера.

PS ну и это… ставим лайки и подписываемся на мой канал)
+1
MiMoHOD MiMoHOD 4 года назад #
+ не глядя
+1
Alon Alon 4 года назад #
))) я тоже
+1
AndroS AndroS 4 года назад #
Видео не смотрел, ибо все равно кодить не умею, но за вашу активность в сообществе прям люто респектую!..
+1
Asket Asket 4 года назад #
Аналогично, «лайк» без просмотра! )
0
Birles Birles 4 года назад #
Супер! Демо не открывается
0
SmartControl SmartControl 4 года назад #
Там на демо то сильно смотреть нечего - все в админке же. Я даже виджетов не добавлял на эти страницы.
Посмотрел - демо живой, похоже просто не пережил нагрузку - "хабр эффект")
-1
Mari Mari 4 года назад #
Прикольное дополнение, однозначно +
0
Alon Alon 4 года назад #
Видео 50 минут, афигеть, по цене вроде что-то такое маленькое, видать что-то серьезное, иду смотреть видос, но не знаю хватит ли сил на 50 мин))
0
SmartControl SmartControl 4 года назад #
Скорость в ютубе 1,25 лучше поставить - так более динамично будет. При скорости 1,5 могут быть проблемы с пониманием)
0
Alon Alon 4 года назад #
"Создавать неограниченное количество новых страниц под размещение виджетов" === Блин почему до меня не доходит. для чего это нужно???)))))
-2
Mari Mari 4 года назад #
Например есть у вас портал, портал не городской, а целого региона или области. Как сделать на этом портале, страницы подобно главной без компонента, только с инфой о конкретном городе этого региона?
Этот компонент вам в этом поможет на все 100% путём размещения только виджетов. joke
0
Alon Alon 4 года назад #
Так, я правильно понимаю, что это значит, что можно создать страницу и только в ней вывести виджет?
+1
SmartControl SmartControl 4 года назад #
Может быть это я несколько замороченно написал - на днях обсуждали эту тему на форуме, поэтому не стал подробно расписывать - обсуждение тут.

Смысл вот в чем. На второй ветке нельзя просто так создать новую маску в разделе "Виджеты и страницы" и накидать на нее виджеты. Виджеты можно разместить только на странице компонентов (или на главной). А с помощью этого компонента можно создавать различные страницы сайта именно под виджеты.

Например на новый год можно сделать страницу сайт.ру/new-year.html, на которой разместить только виджеты. Для этого не нужно будет создавать какие-то новые компоненты, просто добавить в компоненте новую страницу и она сразу будет доступна для виджетов.
0
Олег Васильевич я Олег Васильевич я 4 года назад #
@SmartControl:
Получилось 53+41 = 94 минуты, ну так уж вышло)
@SmartControl:
Покупка актуальна только в двух случаях -
1. вам нужно дополнение, но не хочется тратить на это свое время.
2. хотите продолжения этого блокбастера.
А вот, предположим, мне нужно (п.1 второй цитаты) и я хочу (п.2 из неё же)
Но у меня 2 проблемы:
1. мало денег;
2. мало времени;
Можно ли в таком случае посмотреть 47 минут и купить за 25 рублей?
Спасибо!
+3
SmartControl SmartControl 4 года назад #
Решение проблемы
0
Олег Васильевич я Олег Васильевич я 4 года назад #
Печально cry
Ну а вот, скажем, такой вариант: 2 покупки (а это уже, согласитесь, опт) по 24 рубля тоже не прокатит?
+2
SmartControl SmartControl 4 года назад #
Если вас забавляет уровень цены - могу пояснить)
Я же все показал и рассказал на видео, никаких секретов и никакого закрытого кода. Но если кому-то жаль своего времени на то, чтобы просто повторить по видео (и это нормальная ситуация, мне на многие вещи тоже жаль тратить своё время), то почему я должен жалеть своё время меньше чужого?)

Но если хотите поторговаться - последнее предложение, 3 копии по 17 плюс с меня рубль скидка = итого 50р и я вам отправлю три архива, опт так опт)
+3
Олег Васильевич я Олег Васильевич я 4 года назад #
Ну вот, уже конструктивный подход! Теперь уже покупатель (правда, пока всё ещё потенциальный) не сможет просто так уйти.
Только вот чего так сразу "последнее предложение"?
Теперь я таки вынужден Вам сказать, что не следует резать прям по живому. Человек уже, можно сказать, возле кассы, а вы ему "последнее предложение". Ну разве ж так можно? Совершенно ж очевидно, что не, так низзя!
Хорошо, что покупатель (потенциальный всё ещё) понимает, что вы в свою очередь тоже понимаете выгоду от сделанного им (потенциальным покупателем) предложения и не грюкает дверью в ответ на ваше "последнее предложение", а делает ещё один шаг на встречу взаимовыгодной сделке:
17 копий по 3 рубля и он отказывается от великодушно предложенной вами скидки в 1 рубель.
0
Нил™ Нил™ 4 года назад #
Феерично. Почти в голос.
Как и фееричен сам факт того, что оказывается, просто так в двойке нельзя создать пустую страницу и накидать на неё модули-виджеты. Если я правильно понял по этой теме. Безусловно, эта система стоит того, что бы бросить всё и начать делать сайты именно на ней)
+5
SmartControl SmartControl 4 года назад #
Конечно, можно сделать пустую страницу. К сожалению я уже забыл совсем первую ветку, чтобы провести аналогию с ней..

Можно сделать и пустую, и полупустую, и немного полную на любую их них накидать модули-виджеты - наивно полагать, что такого функционала нет (но у вас я так понимаю просто нет опыта работы с двойкой). Но для этого потребуется совершить несколько действий руками, это просто надоест рано или поздно. Компонент просто облегчает рутину и предоставляет удобный сервис, делаю основную работу по настройке таких страниц. И самое главное - это не сферический конь, задача действительно для некоторых актуальна и решение востребовано.

Да и вы, наверно, не совсем поняли смысл поста. Он был не в том, чтобы "похвастаться" гениальным компонентом и "изобличить недостатки" движка. Я лишь выбрал небольшую практическую задачу для того, чтобы снять видео урок по созданию компонента, потому что и в этом есть некоторый интерес со стороны (так сказать, двух зайцев сразу - и компонент нужный выложил, и видео снял). Небольшую - в том смысле, что на нее не потребуется много времени на реализацию. И хотел показать как вообще делать дополнения на вторую ветку Инстанту на конкретном примере.

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

Нил™, не нужно по функционалу этого компонента оценивать функциональность движка. Он не для этого писался. Конечно, все знают, что самый лучший движок в истории - это первая ветка Инстанта и сайты нужно делать только на ней. Но я недостаточно компетентен, чтобы снять подобное видео для нее, к сожалению. Как однажды говорил R2 - простите меня.

Олег Васильевич я:
Ну вот, уже конструктивный подход!
Спасибо, я знал, что вы оцените glasses
0
Нил™ Нил™ 4 года назад #
Засчитано...
0
Олег Васильевич я Олег Васильевич я 4 года назад #
@SmartControl:
Забавно, что даже в этом топике не обошлось без доброй порции троллинга, хотя я воспринимаю его достаточно весело) Если данный пост кому-то принес еще и повод потроллить, так вообще отлично
Если вы обо мне, то нет, это был не троллинг. Это было бурное (возможно, слишком) выражение восторга.
Вы молодец! Спасибо большое и за урок и за сам компонент! И сейчас я не шучу.
+1
Эндрю Ua Эндрю Ua 4 года назад #
Добавил в избранное + Like !
Очень шикарное видео.
Я так понял вы на Ubuntu ? Скажите как называется редактор в котором вы на видео кодили ?
Заранее спасибо вам и уважение!
0
SmartControl SmartControl 4 года назад #
Спасибо за отзыв.
Операционка Ubuntu, все верно - основной рабочий компьютер на ней. Редактор PhpStorm.
+1
Эндрю Ua Эндрю Ua 4 года назад #
Спасибо вам за ответ. Очень понравился редактор.
Я пользуюсь notepad++ но Шторм шикарен.
Такие люди как Вы, Evanescence (который тоже начал публиковать полезное видео) и многие другие активные участники, разработчики и фрилансеры - очень вдохновляете на программирование и изучение движка InstantCMS.
С каждым днем я все сильнее и интенсивнее начинаю изучать...
Хочется не только для заработка но и для улучшения самого cms и быть полезным для других.
+1
Birles Birles 4 года назад #
Может настало время добавить на форуме раздел видеоуроков? Уже есть несколько видеоуроков, наверняка найдутся еще желающие.
0
Денис Васильевич Денис Васильевич 4 года назад #
@SmartControl, по поводу сетки виджетов. Видео не совсем внятное но смысл понять можно )) У вашего компонента суть схожая?
+3
SmartControl SmartControl 4 года назад #
Интересно, не видел такого. Сетка виджетов в самом виджете.. Но тут совсем другое, это никак не связано с сеткой. Компонент добавляет страницы для размещения виджетов. Добавляет, настраивает метатеги и дает им красивые URL'ы.

Понял свою недоработку - выкладываю презентацию, сразу будет понятно что к чему и зачем (добавил ее в сам пост и тут продублирую).

Презентация
0
Алексей Т Алексей Т 4 года назад #
@SmartControl круто!
0
Джонни Д. Джонни Д. 4 года назад #
Вы молодец, действительно круто!
+2
Atid Atid 4 года назад #
Оо, это то что мне нужно.
0
IamB IamB 4 года назад #
В начале 22 минуты первой части видео вы в экшене actionScWidgetsAjax устанавливаете количество записей на одной странице.
Код PHP:
  1. $this->model->setRerPage(admin::perpage);
Вы обращаетесь к модели и не возвращаете результат ни в какую переменную.
Так же я не увидел добавления в модель метода setRerPage() .
Объясните как это работает.

Еще от автора

Stylik - визуальный редактор CSS стилей
Всем привет, Это первый компонент из серии (Шаблон + Лендинг + Редактор). Он позволяет кастомизицировать любой шаблон под InstantCMS 2.
Smart Шаблон на Bootstrap 4, Первое знакомство
Приветствую. В этом шаблоне нет привычной заранее заданной схемы позиций. Любая схема создается вручную за пару минут.
Черная пятница (-30% на всё)
Приветствую, присоединяюсь к распродаже. Ниже полный список. Для большинства дополнений на странице каталога выложено видео о его работе.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.