Здравствуйте дорогие друзья, читатели и просто посетители блога. Сегодня будет предпоследний урок по созданию онлайн кинотеатра. Мы с Вами проделали достаточно много работы: установили движок, познакомились с его структурой и проделали некоторые настройки, поменяли дизайн, ознакомились со структурой шаблона и убрали из него все лишнее. Нам осталось только добавить категории, добавить на сайт парочку свежих фильмов, и определится через какой сервис их транслировать. В последнем уроке мы защитим сайт от спама и взлома, и уже через урок будем приступать к раскрутке нашего онлайн портала.
Еще я подумываю организовать денежный конкурс на лучший онлайн кинотеатр, созданный по этой серии уроков. Просьба всем кто хотел бы поучаствовать в таком конкурсе, отписаться в комментариях. Ну а теперь приступим к изучению урока.
Сегодня мы создадим новые категории (жанры кино), добавим на сайт несколько фильмов и определимся с сервисом, через который будем транслировать видеоролики. Для начала мы создадим категории и прикрутим их к шаблону. Дело в том, что при создании шаблона, по умолчанию в его стилях уже прописаны категории или жанры фильмов. Пользователь видит эти категории, но зайти в них не может, так как ссылки на них в шаблоне не прописаны. Поэтому сначала нам нужно создать эти категории, а после в файле шаблона прописать ссылки на них. На первый взгляд это может оказаться непонятным, но посмотрев этот видео-урок, Вы поймете, что не так все сложно как кажется на первый взгляд. Приятного просмотра:
Добавление новости
После создания категорий, добавим на сайт несколько фильмов, и оптимизируем их под определенные ключевые запросы.
Для начала удалим стандартные новости движка. Зайдите в админку, раздел “редактировать новости”:
Отметьте галочкой все новости, выберите действие “удалить” и нажмите “Выполнить”. Теперь, когда стандартные записи были удалены, можно переходить к добавлению фильмов.
Чтобы добавить новость на данном движке, нужно зайти в админку и перейти в раздел “Добавить новость”. Перед Вами откроется страница добавления новости:
Как вы могли заметить, здесь есть два поля: короткая новость и полная новость. Короткая новость выводится на главной странице сайта в виде анонса статьи. Нажав на кнопку “Далее” человеку откроется уже полная новость. Такой вот аналог тега «!—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]
[/xfgiven_vk]
В итоге у Вас появится дополнительное поле для вставки фильма:
Чтобы вставить фильм из контакта на сайт, зайдите на любое видео, нажмите поделиться и получить код:
Копируем эту часть кода:
http://vk.com/video_ext.php?oid=120263614&id=163563114&hash=5db6645899458558&hd=1
И вставляем его в созданное дополнительное поле. Таким образом, мы создали самый быстрый способ вывода видео из контакта.
Если первый способ вставки видео из контакта не работает, тогда поступаем следующим образом:
В полную новость, в нужное место ставим следующий код:
Вместо «ссылка на фильм» вставляем ссылку из кода фильма контакта, которая имеет следующий вид:
http://vk.com/video_ext.php?oid=-20336899&id=162925738&hash=f1a9f063ade8866b&hd=1
Теперь все должно заработать!
Оптимизация новости
Теперь нам осталось прописать теги title, description, keywords и можно смело публиковать новость. Для того чтобы оптимизировать нашу новость, перейдите на вкладку “Дополнительно”:
В поле мета-тег title прописываете заголовок фильма для поисковиков. Включите в него ключевое слово или фразу, по которому хотите продвигаться. Об этом я уже писал в своей статье по поисковому продвижению сайта.
Графа “Описание для статьи” или тот же description. Сюда прописываете краткое описание фильма. Эта информация будет видна в поисковой выдаче.
И в графу “ключевые слова” – прописываете ключевые слова, которые максимально соответствуют Вашей новости.
Также неплохо было бы заполнить поле “ЧПУ URL статьи”. Это поле будет заполнено автоматически при добавлении новости, но можно прописать ссылку и самому, с указанием в ней ключевой фразы.
Вот и все! Новость можно публиковать на сайте. Кстати, если вы захотите добавить к фильму опрос, то при добавлении новости перейдите на вкладку “Опрос” и заполните нужные поля:
Через вкладку “Доступ”, Вы можете указать, какие группы пользователей могут просматривать данную новость.
А на этом наш урок по созданию онлайн кинотеатра подходит к концу. Не забывайте делиться статьей с друзьями через кнопки соц. сетей. И конечно подпишитесь на обновления блога, ведь самое интересное только начинается! Читаем про раскрутку и монетизацию кинотеатра!