Создаем онлайн кинотеатр на WordPress

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

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

1. Создаем дополнительные поля.

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

custom-field-activation

После чего, под вашей записью должен появится блок с Произвольными полями. Для создания нового дополнительного поля нажмите на “Введите новое”, введите название дополнительного поля (латиницей). При создании дополнительного поля указываем значение, например, если вы создаете дополнительное поле для жанров, указываем жанр Боевик (или любое другое, можно несколько через запятую). Создадим три дополнительных поля Genre, Actors, Year. Вот, что получится в итоге. add-custom-field

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

2. Выводим произвольные поля

Для вывода дополнительного поля в нужном вам месте шаблона, например, перед <?php the_content(); ?>, вставьте код

<php echo (get_post_meta($post--->ID, 'Genre', true)); ?>

Код вставляем в single.php и в index.php внутри цикла, если вы хотите выводить данную информацию на главной странице. Genre – это название вашего поля. Повторите данный код для каждого дополнительно поля.

3. Выводим постер фильма

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

<img src="<?php echo (get_post_meta($post->ID, 'PosterURL', true)); ?>" alt="<?php get_title(); ?>" />

В нашем случае мы будем использовать вариант вывода постера через медиафайлы. Для этого нужно прописать условие в functions.php с нужными нам размерами. Откроем файл functions.php и пропишем между <?php и ?>следующее.

add_image_size( 'poster-size', 205, 292, true );

poster-size – это название нашей миниатюры, вы можете указать другое.

205 – это ширина картинки в пикселях.

292 – высота в пикселях, указывайте нужные вам размеры.

Для вывода постера используйте данный код

<?php echo get_the_post_thumbnail($page--->ID, 'poster-size'); ?>

Код вставляем в файл single.php перед <?php the_content(); ?> либо в другом нужном вам месте. Если вам нужно вы можете создать миниатюру с другими размерами (и с другим названием) для главной страницы и вставить в index.php внутри цикла if have post.

4. Выводим видео

Выводить фильмы можно двумя методами

  • Вывод напрямую из vk.com(или другие подобные ресурсы) и вставкой кода на сайт
  • Выводить фильм в свой плеер используя свою ссылку

Вы, наверное, сразу подумали, что хотите выводить фильмы в свой плеер, чтобы не было видно, что фильмы выводятся из вконтакте. Но хочу вас огорчить, ссылку на фильм вы сможете получить через разные сервисы для скачивания фильмов из вконтакте, только проблема в том, что данная ссылка будет работать только у вас. Это своеобразная защита вконтакте он выдает ссылку, которая работает некоторое время и только на вашем айпи, после чего нужно получать новую. Для этого умельцы придумали скрипты а-ля ретранслятор, как он работает – объяснять не буду, но, уверяю вас геморроя будет много и скрипты платные. Поэтому, если хотите выводить фильмы в свой плеер есть 4 варианта

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

Вот поэтому, мы будем выводить фильмы из Вконтакте

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

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

Если ваша скорость интернета позволяет загрузить фильм, вот небольшая инструкция по загрузке фильма. Данные шаги позволят обезопасить себя от удаления фильма

  • Создайте отдельный аккаунт вконтакте (Все действия ниже проводим с созданного аккаунта)
  • Создайте группу с данного аккаунта
  • Загружаем фильм в группу (НЕ УКАЗЫВАЯ НАЗВАНИЯ)
  • После загрузки открываем фильм и под ним жмем на ПоделитьсяЭкспорт видеозапис – Копируем код
  • Отключаем видеозаписи в настройках группы
  • В текстовом редакторе wordpress (при добавлении фильма), переключаемся на вкладку Текст (html редактор)
  • В конце поста или в нужном вам месте вставляем код, который копировали с вконтакте

Внимание! Группу не рекламируем и не раскручиваем.

На этом все. Вот пошаговая инструкция добавления фильма на ваш сайт.

  1. Добавляем новую запись WordPress
  2. В заголовок прописываем название фильма
  3. В текстовом редакторе пишем описание фильма
  4. Нажимаем “Добавить медиафайл” и загружаем постер к фильму
  5. Заполняем дополнительные поля под текстовым редактором (если это первый фильм сначала создаем их как в первом пункте, в последующих фильмах поля названиях полей сохраняться)
  6. Ну и выбираем рубрику Фильмы или Сериалы

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

С помощью дополнительных полей вы можете более разнообразить информацию о фильме. Имея знания в html, php вы можете вставить рекламу перед началом просмотра фильма, и зарабатывать таким образом. Можно парсить рейтинг из кинопоиска и imdb, либо устроить свой рейтинг. Также можно добавить биографии и фильмографию актеров, устроив при этом что-то на подобии кинопоиска. WordPress чудесный инструмент, нужно всего один раз подружиться с ним и вы начнете творить чудеса.

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

Хотите подобный функционал, верстку либо помощь в настройке вашего сайта?
Свяжитесь со мной

6 Комментария к “Создаем онлайн кинотеатр на WordPress”

  • muha ·
    16.09.2014 в 20:08
    #

    опечатка <php echo (get_post_meta (<php – <?php)

    • Admin ·
      25.09.2014 в 01:59
      #

      Где вы нашли опечатку? Я проверил, ее нету.

  • Иван Шелестов ·
    27.10.2014 в 14:33
    #

    Уже все давно придумано. CinemaPress называется, погуглите. Но за статью спасибо.

    • Admin ·
      08.11.2014 в 21:14
      #

      Это для тех, кто хочет на wordpress

  • zaicev ·
    27.02.2016 в 03:30
    #

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

    • Admin ·
      05.07.2016 в 18:11
      #

      Это немного сложнее, есть два варианта, простой и сложнее.
      Первый – Делать 1 серию на 1 страницу,
      Второй – Сделать табы (вкладки) и в каждый таб вставить плеер для конкретной серии, только табы нужно подражать методом ajax, в интернете есть много информации по поводу этого

  • Оставить отзыв

    (обязательно)

    (обязательно)


    Наши друзья
    - ARTtime - Блог о Photoshop и Дизайн
    - Блог о дизайне и арте
    Реклама