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

Статус
В этой теме нельзя размещать новые ответы.
Новичо́к, через «о́»
Регистрация
26 Дек 2017
Сообщения
20
#1
theme.png

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

vscode.png node.png cmder.png putty.png
VS Code ------------ NodeJS ------------ Cmder ------------ Putty

Откроем Cmder (терминал) и произведем установку пакета cinemapress.
Bash:
npm i cinemapress -g
Создадим папку themes и зайдем в нее:
Bash:
mkdir themes && cd themes
Теперь в этой папке давайте создадим шаблон:
Bash:
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.

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

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

install.png
Настроем работу VSCode с сайтом на сервере. Для этого зайдите в папку нового шаблона rocky и создайте там новую папку с названием .vscode
Поместите в нее файл подключения к серверу, он должен называться sftp.json и состоять из строк:
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
vscode1.png

  • Устанавливаем расширения, необходимые для работы:
vscode2.png

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

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

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

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

to be continued...
 
Последнее редактирование:
Статус
В этой теме нельзя размещать новые ответы.