Как создать онлайн кинотеатр. Часть 4. Создание категорий, добавление фильма

Здравствуйте дорогие друзья, читатели и просто посетители блога. Сегодня будет предпоследний урок по созданию онлайн кинотеатра. Мы с Вами проделали достаточно много работы: установили движок, познакомились с его структурой и проделали некоторые настройки, поменяли дизайн, ознакомились со структурой шаблона и убрали из него все лишнее. Нам осталось только добавить категории, добавить на сайт парочку свежих фильмов, и определится через какой сервис их транслировать. В последнем уроке мы защитим сайт от спама и взлома, и уже через урок будем приступать к раскрутке нашего онлайн портала.

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

Сегодня мы создадим новые категории (жанры кино), добавим на сайт несколько фильмов и определимся с сервисом, через который будем транслировать видеоролики. Для начала мы создадим категории и прикрутим их к шаблону. Дело в том, что при создании шаблона, по умолчанию в его стилях уже прописаны категории или жанры фильмов. Пользователь видит эти категории, но зайти в них не может, так как ссылки на них в шаблоне не прописаны. Поэтому сначала нам нужно создать эти категории, а после в файле шаблона прописать ссылки на них. На первый взгляд это может оказаться непонятным, но посмотрев этот видео-урок, Вы поймете, что не так все сложно как кажется на первый взгляд. Приятного просмотра:

Добавление новости

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

Для начала удалим стандартные новости движка. Зайдите в админку, раздел “редактировать новости”:

Отметьте галочкой все новости, выберите действие “удалить” и нажмите “Выполнить”. Теперь, когда стандартные записи были удалены, можно переходить к добавлению фильмов.

Чтобы добавить новость на данном движке, нужно зайти в админку и перейти в раздел “Добавить новость”. Перед Вами откроется страница добавления новости:

Как вы могли заметить, здесь есть два поля: короткая новость и полная новость. Короткая новость выводится на главной странице сайта в виде анонса статьи. Нажав на кнопку “Далее” человеку откроется уже  полная новость. Такой вот аналог тега <!—more—> что на wordpress.

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

В краткую новость я обычно пишу информацию о фильме (название, оригинальное название, год выпуска, жанр и т.д.) и вставляю постер, а в полной новости пишу описание к фильму, вставляю трейлер и сам фильм. Для этой статьи я взял за пример фильм “Неудержимые 2”.

В графу “Заголовок статьи” я пишу название фильма. Категорию выбираю “боевик” и приступаю к заполнению краткой новости.

Для начала необходимо вставить постер к фильму. Я иду на сайт “Кинопоиск”, ищу нужный фильм, захожу на вкладку “постеры” выбираю постер и скачиваю его на компьютер. Затем нужно загрузить скачанную картинку на сайт. Для этого в админке, в разделе короткой новости я жму на кнопку “Загрузить файлы на сервер”. На панели управления эта кнопка выглядит следующим образом:

После нажатия на кнопку, выскакивает окно, с параметрами загрузки файлов:

В этом окне есть две вкладки: стандартная и массовая загрузка. Мы воспользуемся стандартной загрузкой. Чтобы загрузить картинку с жесткого диска, жмем кнопку “Выбрать файл” и выбираем нужную картинку, а затем кнопку кликаем «загрузить»:

Из выпадающего списка настраиваем выравнивание, отмечаем галочкой наш файл и жмем “вставить выбранное”:

Теперь в короткой новости мы можем видеть загруженную картинку.

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

  • [b]Название картины[/b]:
  • [b]Оригинальное название картины[/b]:
  • [b]Страна[/b]:
  • [b]Год выпуска[/b]:
  • [b]Жанр картины[/b]:
  • [b]Режиссерская работа[/b]:
  • [b]В фильме снимались[/b]:

Я просто копирую его в короткую новость и вписываю нужную информацию. Естественно уникальность этой части оставит желать лучшего, но мы поправим это положение уникально составленным описанием. Как вариант можно сделать так: в короткую новость вставить только картинку, а в полную добавить описание, трейлеры и фильм. Решать Вам.

Теперь переходим к заполнению полной новости. Для начала необходимо сделать рерайт описания нужного фильма (уникальность не меньше 90%) и вставить его в полную новость. Затем начинается самое интересное: вставка трейлера к фильму (необязательно) и вставка самого фильма. Способов вставить трейлер существует великое множество, но я выбрал только два: через плеер ютуба (как заработать на ютубе) и через плеер кинопоиска. Разберем отдельно каждый способ.

Вставляем видео на сайт

Вставить трейлер с ютуба достаточно просто. Найдите нужное видео, скопируйте его ссылку из адресной строки браузера и в разделе “Добавить новость” нажмите на следующую кнопку:

После нажатия на кнопку Вы увидите такой код: [media=http://]. После знака “=” вставляете скопированную ссылку. Все трейлер из ютуба на нашем сайте!

Теперь о том, как вставить трейлер через плеер кинопоиска. Зайдите на сайт кинопоиск, выберите нужный фильм и нажмите на ссылку трейлера:

Затем нам нужно добавить трейлер в другие блоги. Нажмите на соответствующую иконку, увидите следующий код:

Копируем то, что находится в тегах <object></objekt> и вставляем в полную новость статьи. Получаем солидный плеер кинопоиска на нашем сайте.

И последним шагом будет вставка самого фильма на сайт. Для начала необходимо определиться через какой сервис мы будем добавлять фильм. В интернете существует большое количество видео-хостингов, где можно взять фильмы. Вот список самых распространенных сервисов:

  • Вконтакте (как вставить плеер контакта на сайт читайте ниже)
  • Kinostok (очень нравится этот плеер, приятный дизайн и быстрая загрузка)
  • Myvi.ru (очень удобный и быстрый плеер)

Вставить фильм с помощью этих сервисов достаточно просто. Копируем html код плеера и вставляем его в полную новость. Вуаля, фильм на сайте. Возможность вставки кода, в плеере указывается таким символом “<>”.

p.s. Если Вы пользуетесь WYSIWYG редактором, то все html коды вставляете через html редактор:

С плеером контакта дела обстоят немного иначе. Код плеера контакта содержит iframe, который DLE не воспринимает (по крайне мере версии ниже 9.6), и чтобы добавить видео из контакта на наш сайт, нужно провести некоторые манипуляции. Для начала зайдите в админку сайта, и перейдите в раздел “Дополнительные поля новостей”. На открывшийся странице жмем “добавить поле” и заполняем следующее:

  • Пропишите любое название латинскими символами
  • Составьте любое описание этого поля
  • Обязательно поставьте галочку возле “Использовать при желании”
  • Сохраните поле

Половина сделана! Чтобы плеер отображался в новостях, необходимо добавить его в шаблон полной новости. Откройте файл fullstory.tpl (можно через админку) и после тега {full-story} вставляем следующий код:

[xfgiven_vk]<br><iframe src="[xfvalue_vk]" width="607" height="360" frameborder="0"></iframe>[/xfgiven_vk]

В итоге у Вас появится дополнительное поле для вставки фильма:

Чтобы вставить фильм из контакта на сайт, зайдите на любое видео, нажмите поделиться и получить код:

Копируем эту часть кода:

http://vk.com/video_ext.php?oid=120263614&id=163563114&hash=5db6645899458558&hd=1

И вставляем его в созданное дополнительное поле. Таким образом, мы создали самый быстрый способ вывода видео из контакта.

Если первый способ вставки видео из контакта не работает, тогда поступаем следующим образом:

В полную новость, в нужное место ставим следующий код:

<object width="607" height="360" frameborder="0" data="ссылка на фильм"></object>

Вместо «ссылка на фильм» вставляем ссылку из кода фильма контакта, которая имеет следующий вид:

 

http://vk.com/video_ext.php?oid=-20336899&id=162925738&hash=f1a9f063ade8866b&hd=1

 

Теперь все должно заработать!

Оптимизация новости

Теперь нам осталось прописать теги title, description, keywords и можно смело публиковать новость. Для того чтобы оптимизировать нашу новость, перейдите на вкладку “Дополнительно”:

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

Графа “Описание для статьи” или тот же description. Сюда прописываете краткое описание фильма. Эта информация будет видна в поисковой выдаче.

И в графу “ключевые слова” – прописываете ключевые слова, которые максимально соответствуют Вашей новости.

Также неплохо было бы заполнить поле “ЧПУ URL статьи”. Это поле будет заполнено автоматически при добавлении новости, но можно прописать ссылку и самому, с указанием в ней ключевой фразы.

Вот и все! Новость можно публиковать на сайте. Кстати, если вы захотите добавить к фильму опрос, то при добавлении новости перейдите на вкладку “Опрос” и заполните нужные поля:

Через вкладку “Доступ”, Вы можете указать, какие группы пользователей могут просматривать данную новость.

А на этом наш урок по созданию онлайн кинотеатра подходит к концу. Не забывайте делиться статьей с друзьями через кнопки соц. сетей. И конечно подпишитесь на обновления блога, ведь самое интересное только начинается! Читаем про раскрутку и монетизацию кинотеатра!

Ваш комментарий

  1. Отэто нужная статья, мечтала очень о кинотеатре, клас, завтра обязательно начну разбираться в вопросе этом!

  2. Добрый день Кирилл!
    У меня такая проблемка ни как ни могу поставить видео с контакта, всё сделал поинструкции но увы ни какого прогресса прошу Вас помочь мне в это разобраться!
    Заранее благодарен!

    • Кирилл Тараненко:

      Покажите весь код, который Вы добавляете в дополнительное поле

    • Кирилл Тараненко:

      Я зашел на Ваш сайт, и вижу что плееры из контакта отображается на сайте. Но немного кривовато. Зайдите в файл fullstory.tpl и в коде подкрутите параметр width=»607″ под размеры сайта. Этот параметр отвечает за ширину плеера. Если нужно поиграйтесь с параметром height=»360″. Он отвечает за высоту плеера

  3. Спасибо Кирилл я разобрался! только код другой чуть и там важна связь с добовлением поля и кодом [xfgiven_video]

    [/xfgiven_video],

  4. А я так понял что каждый фильм добавлять нужно или есть что-то что можно архивом закидывать в категории?

  5. и ещё момент не могу ни как со слайдером разобраться как делать ссылку на фильмы который он показывает.

    • Кирилл Тараненко:

      Все просто: в файлах slide.tpl и seri.tpl замените тег {link} на {full-link}. Сохраните изменения, обновите страницу сайта и все заработает

  6. Спасибо помогло.
    Кирилл а когда выйдет следующая часть 5?

    • Кирилл Тараненко:

      Скоро, урок готовится. Еще думаю сделать бонусный урок по установке модулей

  7. Да было бы супер я на дле в первые работаю) основном на джумле делал

  8. Добрый день Кирилл!
    Не как не могу найти скрытую ссылку в коде
    как мне её найти?

  9. Warlog:

    Не совсем понял зачем в видео было делать «Правообладателям» категорией. Наверное надо было показать на этом примере создание статистических страниц.
    И вопрос, мб знаете: вставляю код видео vk.com в полную новость. Нужно ли закрывать его от индексации. Если да, то как это сделать?

    • Кирилл Тараненко:

      Лично я от индексации не закрываю. Если хотите закрыть, то нужно закрывать не каждый код фильма, а тот код, который находиться в fullstory

  10. Здравствуйте!!! Почему у меня на постерах надпись не моего сайта?

    • Кирилл Тараненко:

      Заходим в настройки системы, работа с изображениями, напротив «наложение водяных знаков» ставим «нет»

  11. Я все сделал но всё равно водяной знак пресутствует

    • Кирилл Тараненко:

      На новых картинках присутстывать не будет, перезагрузи изображения

  12. как сделать чтобы водяной знак был с именем моего сайта

    • Кирилл Тараненко:

      Чтобы водяной знак накладывался с именем нужного сайта делаем следующее: в папке с шаблоном находим папку dleimages, там будут две картинки watermark_light.png
      watermark_dark.png, изменяем их в любом граф редакторе, закидываем на хостинг с заменой и включаем наложение водяных знаков.

  13. Я выставил расширенный метод авторизации и теперь не могу попасть в админку

    требует логин и пароль а я не помню где мне его взять опять

    • Кирилл Тараненко:

      Кнопка «забыли пароль», и пишите ящик, который указывали при установке движка

  14. Большое спасибо Вам Кирилл! У меня все получилось. Для всех остальных посетителей сайта скажу что у меня не все получалось и я осмелилась написать письмо Кириллу с просьбой помочь. Кирилл ответил мне на письмо и не на одно объясняя, как и что надо делать. Но как это бывает у чайников не получается и все тут. Тогда мы связались по скайпу и все встало на свои места. Спасибо еще раз за терпение и помощь. Всем советую подписывайтесь на рассылку. Она действительно качественная и главное понятная.

  15. Well:

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

  16. И еще раз здравствуйте. Подскажите какой все таки правильный будет с вашей точки зрения файл robots для DLE, а то везде каждый под свою гребенку гребет, и не поймешь что будет являться наиболее подходящим?

  17. Спасибо за своевременную помощь! И вот еще какую тему хотелось бы затронуть: «Подписка по E-mail» На своем сайте, на движке WordPress проблем не испытывал. зарегистрировался в Feed burner, получил код, вставил куда нужно и все, а вот на DLE? Куда следует поместить код на подписку?

    • Кирилл Тараненко:

      Можно в файл fullstory.tpl под плеером например. Можно добавить в sidebar.tpl (в некоторых шаблонах его нет) или в main.tpl в нужное место. Сам дле тоже предусматривает подписку, когда человек регистрируется на сайте и вводит свой почтовый ящик, из админки можно высылать ему сообщения. Это можно сделать из раздела «рассылка сообщений»

  18. привет после добавления новости на сайте нажимаю подробнее вылазит вот такое Невозможно загрузить шаблон: /templates/green/relatednews.tpl

  19. кирилл привет!подскажи как поменять кнопку новости подробнее на например -смотреть?

    • Кирилл Тараненко:

      Через обычный фотошоп. В папке с картинками находишь эту кнопку, открываешь фотошоп (или любой удобынй тебе графический редактор) ну и редактируешь ее так как тебе нужно

  20. а можно сделать стол заказов на фильмы,или лучше что то типа форума например заходишь на форум и там видишь темы (стол заказов,фильмы по описанию,и т.д.)что посоветуешь?

    • Кирилл Тараненко:

      Можно установить модуль «стол заказов», он поддерживает много версий, покури интернет на эту тему. Можно создать форум и вывести ссылку на него в меню сайта, но за форумом следить нужно иначе загадят быстро. А можно добавить обычную новость, и в ней написать что это стол заказов и в комментариях пишите какие фильмы нужны, ссылку на эту новость выводишь в менюшке.

  21. приветствую!блин так много вопросов)))
    Кирилл можно как то добавлять фильмы сразу по многу или только в ручную?
    если поменять шаблон то новости останутся или нет т.е. добавленные фильмы?

    • Кирилл Тараненко:

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

  22. Елена:

    Кирилл, спасибо за подробную статью. Много интересного узнал, однако появился вопрос по поводу видеохостинга myvi.ru! Я так понял, там только одни трейлеры, а полных фильмов нет. Это так?

    • Виктор:

      Кирилл, спасибо за подробную статью. Много интересного узнал, однако появился вопрос по поводу видеохостинга myvi.ru! Я так понял, там только одни трейлеры, а полных фильмов нет. Это так??

    • Кирилл Тараненко:

      Не знаю как сейчас, но раньше там были полные фильмы.

  23. Женя:

    Кирилл, а как можно реализовать, например, подкатегории категорий? Например сериалы: с сабами, с переводом и в оригинале.

  24. Евгений:

    Здравствуйте. У меня такой вопрос: есть ссылка на фильм для вставки на сайт (пример: ), если я вставлю ее в шаблоне в fullstory, то данный плеер будет добавлен ко всем новостям, которые у меня уже есть на сайте, т.е. получиться, что после любого фильма, который у меня есть на сайте, добавляется данное видео, и как же сделать, чтобы оно распространялось только для одной данной новости?

    • Кирилл Тараненко:

      Добавить код фильма в самом редакторе при добавлении новости

  25. Евгений:

    Благодарю.

  26. Кирилл, просмотрел несколько статей. Не совсем понял саму суть этого сервиса. Я так понимаю, что ты создаешь кинотеатр, загружаешь туда фильмы(или ссылки на них) и в нужный момент заходит пользователь и просматривает фильм. Может,я и пропустил какую-то статью, где все растолковано, но каким образом там организован заработок, размер экрана просмотра ( видел ссылку на размер плеера порядка 600х300 или около того). Почему такие вопросы? Просто у меня есть сервис потокового телевидения, работающий на очень низких скоростях интернета. Он может быть включен круглосуточно, принимать от 500 посетителей одновременно, показывать фильмы в HD качестве. Конечно, выборочно устроить просмотр зритель не может, как по телевидению. Вот и думаю, как использовать его возможности, кроме видеоконференций.

    • Кирилл Тараненко:

      Я создаю кинотеатр, а фильмы загружаються на сайт Вконтакте или сторонний видеохостинг. Одновременно фильм могут просматривать сколько угодно людей (потому что просмотр идет с контактовского сервера) в разных качествах (в том числе и HD). Заработка здесь нет, на кинотеатре зарабатывают другими способами, я о них писал в статье про монетизацию (рубрика «Как создать онлайн кинотеатр»)

  27. Алексей:

    привет! как сделать, чтобы при открытии полной новости, плеер из Вконтакта сразу стоял на 720р качестве? записи позволяют естественно, на gidonline так сделано

    • Кирилл Тараненко:

      Привет! В самом контакте ставь качество 720, а после копируй код

  28. Алексей:

    Еще раз привет! Всю работу с сайтом проводил на тестовом адресе спрингхоста mysite.ru.xsph.ru, затем переключил на обычный адрес mysite.ru и он не работает без www. все работает если каждый раз к адресу подписывать www вручную. как это исправить?

    • Кирилл Тараненко:

      Советую обратится в службу поддержки спринхоста. Ребята все поправят. Я не знаю в чем именно может крытся проблема, потэтому лучше тех.поддержка

  29. Кирилл, у меня вопрос по добавлению новости, вернее её отражению. В шаблоне Movies полная новость выходит за рамки и конец строк отображается в меню категорий. Где это можно поправить и как? Может какой-либо урок у вас есть?

    И ещё по поводу VK плеера. Если добавляю фильм, то в отображении на сайте присутствует имя хозяина видео (прямо на самом видео — в центре). Есть-ли возможность это убрать?

    • Кирилл Тараненко:

      Олег, поправить можно в файле fullstory.tpl (вероятнее всего, там). По техническим вопросам движков уроков у меня никогда не было и, скорее всего, не будет.
      А как вы добавляете видео? Там есть значок «<>«, при нажатии на него появляется код, который и нужно вставлять.

  30. Oleg:

    спасибо за статью =)

  31. Здравствуйте, Кирилл! Пытаюсь сделать сайт по Вашей инструкции. Подскажите, пожалуйста, возможно ли сделать вывод новостей не списком, а, так сказать, «плиткой», чтобы отображались только постеры фильмов и название, а уже в полной новости, соответственно, всё остальное?

    • Кирилл Тараненко:

      Здравствуйте! Да, конечно это возможно. Вывод — вещь опциональная. И это сильно зависит от темы. Вы можете найти подходящую с выводом новостей картинками. Но вообще для киносайта лучше заказывать уникальные шаблоны, разработанные дизайнером.

  32. Здравствуйте Кирилл не могли бы вы посмотреть на сайт kinoseason.com, не могу понять как сделать так чтобы в разделе «новые фильмы», «новые сериалы» отображалась информация?

    • Кирилл Тараненко:

      Здравствуйте, Виталий! К сожалению, не могу, т.к. я не занимаюсь программированием и доработкой тем. Если вы решили серьезно заниматься вебмастерингом, то вам в любом случае понадобится свой программист, который будет делать небольшие доработки.

  33. Здравствуйте.

    Скачал новости с чужого сайта, страниц 150.Закинул на сайт DLE 9.8.На главной странице всё нормально: изображение, описание.Но с 11 новости,т.е. со 2-й страници нигде изоб. нет. В чём может быть причина.Пробывал местами менять,стоит только у тех, которые на главной.В редакторе, у всех новостей всё нормально, проверил.

    Какие настройки исправить?

  34. azat:

    Добрый день. у меня проблема такая. Как с картинки убрать datalive engine и dle-news.ru

  35. Здраствуйте Кирил.Скажите можно ли парсировать фильмы на дв. Dle через content dowloader,и как это зделать.спс.

  36. Подскажите пожалуйста я вот купил кино сайт с фильмами уже ну и шаблон поменял и все такое а вот как там фильмы добавлялись я незнаю ну к ним незнаю статьи уникальные или нет незнаю скорей всего копировные что мне теперь делать? все переделывать или оставить так а дальше уже фильмы добавлять с уникальным контентом?

  37. Спасибо давно в закладках статья,мой сайтик начал набирать рост,давно простаивал почти год