Создание шаблона для CinemaPress с нуля

[Hose]

Установим инструменты, которые понадобятся для создания шаблона.
Cmder и Putty нужны только для Windows, для Linux и Mac используем стандартный терминал.


VS Code ------------ NodeJS ------------ Cmder ------------ Putty​

Откроем Cmder (терминал) и произведем установку пакета cinemapress.

npm i cinemapress -g

Создадим папку themes и зайдем в нее:

mkdir themes && cd themes

Теперь в этой папке давайте создадим шаблон:

cinemapress theme --name "rocky" --index "https://example.com"

Спойлер: Параметры команды

Параметр --name отвечает за название, котрое Вы придумали для будущего шаблона;
Параметр --index - это URL главной страницы сайта, на основе которого будет шаблон;
Параметр --movie - это URL страницы фильма с сайта, на основе которого будет шаблон;
Параметр --category - это URL страницы категории с сайта, на основе которого будет шаблон;
Параметр --categories - это URL страницы катигорий с сайта, на основе которого будет шаблон;
Параметр --episode - это URL страницы серии с сайта, на основе которого будет шаблон;
Параметр --picture - это URL страницы с кадрами с сайта, на основе которого будет шаблон;
Параметр --trailer - это URL страницы с трейлером с сайта, на основе которого будет шаблон;
Параметр --online - это URL страницы онлайн просмотра с сайта, на основе которого будет шаблон;
Параметр --download - это URL страницы скачивания с сайта, на основе которого будет шаблон.

После этого в папке шаблона появятся 3 папки:
views - это основная папка с шаблонами;
public - это папка с картинками, стилями, скриптами и т.п.;
default - это папка с шаблонами-помощниками в которых все функции CinemaPress.

Чтобы редактировать шаблон и сразу видеть результат, нужно работать непосредственно на сервере.

Спойлер: Подключение к серверу на Windows

Открывем Putty, вводим IP сервера и нажимаем Open.
Логин: root
Пароль: хостинг отправляет на почту

Спойлер: Подключение к серверу на Linux/Mac

Открываете стандартный терминал и вводите команду:
ssh root@192.168.0.1 -p22
Где root, это имя пользователя администратора сервера, а 192.168.0.1 - IP сервера.

Спойлер: Установка нового сайта на поддомене

Теперь подключившись к серверу, нужно запустить установочное меню и создать новый сайт. Например он будет создан на поддомене test, или если Вы хотите работать с Вашим основным сайтом, то создавать ничего не потребуется.
Запуск установочного меню:
wget git.io/JGKNq -qO i && chmod +x i && ./i

Спойлер: Настройка VSCode для работы с сервером

Настроем работу VSCode с сайтом на сервере. Для этого зайдите в папку нового шаблона rocky и создайте там новую папку с названием .vscode
Поместите в нее файл подключения к серверу, он должен называться sftp.json и состоять из строк:

{
    "host": "192.168.0.1",
    "username": "root",
    "remotePath": "/home/test.example.com/themes/rocky/",
    "uploadOnSave": true
}

192.168.0.1 - Ваш IP сервера;
test.example.com - Ваш сайт на сервере;
rocky - Ваше название шаблона.

Данный путь /home/test.example.com/themes/rocky/ должен быть так же на сервере, когда завершится окончание установки сайта, нужно создать эту папку путём ввода команды в терминале (Putty): mkdir -p /home/test.example.com/themes/rocky/

• Запускаем VSCode и открываем папку шаблона rocky

​

• Устанавливаем расширения, необходимые для работы:
  • EJS
  • SFTP
  • Beautify

​

• Заходим в папку шаблона на сервере (она будет пустая).

​

• Переносим папки views и public на сервер.

​

• Изменяем шаблон сайта в админ-панели CinemaPress.

​

• Открываем шаблон с сервера и начинаем редактировать.

​

to be continued...

 

[Alisa]

Видео-инструкция: https://enota.club/threads/video-urok-po-sozdaniju-shablona-dlja-cinemapress-chast-1.2337/