Как создать онлайн кинотеатр. Часть 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&amp;id=163563114&amp;hash=5db6645899458558&amp;hd=1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (1 оценок, среднее: 5,00 из 5)
Загрузка...
Ваш комментарий

  1. majami0001:

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

  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. кирилл:

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

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

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

  23. Елена:

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

    • Виктор:

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

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

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

  24. Женя:

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

  25. Евгений:

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

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

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

  26. Евгений:

    Благодарю.

  27. Петр Балашов:

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

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

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

  28. Алексей:

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

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

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

  29. Алексей:

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

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

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

  30. Олег:

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

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

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

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

  31. Oleg:

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

  32. Тимур:

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

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

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

  33. Виталий:

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

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

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

  34. Дима:

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

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

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

  35. azat:

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

  36. Мухсин:

    есть кто?

  37. Мухсин:

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

  38. иван:

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

  39. Дима:

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