Перейти к содержимому

Фотография

Создание видео-галереи на Wordpress


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 GoodX

GoodX

    Свой человек

  • Клиент Info-DVD.Ru
  • PipPipPipPipPip
  • 533 сообщений
178
Очень хороший
  • Пол:Мужчина

Отправлено 28 Июнь 2012 - 07:11

Wordpress - самая популярная CMS среди инфобизнесменов. И не удивительно! Ведь она по-настоящему доступна, легка в освоении система и позволяет новичкам в считанные минуты добавлять на свой сайт такие возможности, для разработки которых вручную профессионалам приходится весьма долго копаться в коде.
Главное предназначение движка заключается в том, чтобы создавать блоги. Но возможно ли на Wordpress создать профессиональную видео-галерею, не занимаясь при этом правкой кода? Конечно, возможно! Собственно, именно этому и посвящена данная статья.
Процесс создания видео-галереи разобьем на три части:
  • Установка специальной темы.
  • Добавление видео-роликов на сайт.
  • Настройки оформления.
В итоге должна получиться галерея наподобие той, что я разместил на тестовом сайте - http://videogallery.scrimania.ru
Для начала нам потребуется легальная бесплатная тема Wordpress. Для этого заходим на сайт http://templatic.com/freethemes/video/ и скачиваем ее. Процесс установки ничем не отличается от стандартного. Поэтому не будем останавливаться на этом вопросе. Если вы еще не в курсе, читайте подробную информацию здесь .
Сразу после успешной установки, активируйте тему. Первое, что бросается в глаза:

Изображение

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

Изображение

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

Изображение

Как видим, она поддерживает использование виджетов (а их там великое множество!), здесь же можно управлять меню (стандартная для Wordpress функция), и здесь же можно сразу перейти в настройки темы по ссылке “Video Theme Options”. Ссылка «Настройки» почему-то на моем тестовом сайте не заработала. Но она, в принципе, и не пригодилась, так как все настройки были осуществлены через “Video Theme Options”.
Перед тем, как начать что-либо менять, советую вам прогуляться по только что заполненному образцом данных сайту, и посмотреть, как он устроен «снаружи».
После чего переходите обратно в консоль управления, и мы займемся добавлением своего видео на сайт.
Так как же добавляется видео? Посмотрите внимательно на меню консоли управления. Здесь появился новый пункт «Видео»! Наведите на него курсор мыши и посмотрите на его содержимое. Ничего не напоминает? Например пункт меню «Записи»?

Изображение

Если перейти по ссылке «Видео» в меню «Видео», то можно заметить, что список добавленных видео очень напоминает список всех записей. Даже ссылки «Изменить», «Свойства», «Удалить» и «Перейти» остались прежними.
Давайте перейдем теперь по ссылке «Добавить видеофайл» в меню «Видео», и попробуем-таки его добавить.
Как и при добавлении обычной записи, можно ввести заголовок. Весь текст, который вы поместите в редакторе текста, будет отображаться как описание к видеоролику справа от него во время проигрывания.
На сервисе в YuoTube на странице понравившегося видеоролика нажимаете кнопку «Поделиться», далее жмёте «Сгенерировать HTML-код», выбираете необходимые настройки и копируете в буфер обмена получившийся код.

Изображение

Этот код вставляем в поле Custom Video code, размещенное ниже текстового редактора в Wordpress.
В следующем поле VideoTime указываем продолжительность видео в формате 00:00.
Если необходимо, заполняем данные твитера и фейсбука.
Как и для обычной записи выбираем или создаем новую рубрику, и опубликовываем видео.
На этом этап добавления видео можно считать законченным!

Теперь коротко пробежимся по настройкам, которые находятся в меню «Внешний вид» - «Video Theme Options».

GENERAL SETTINGS
Theme Skin – выбор одной из трех схем оформления. Меняется в-основном только цвет фона.
Customize Your Design – здесь можно подключить свое собственное css оформление.
Favicon - настройка Favicon.
Change Logo – настройка логотипа
Syndication / Feed URL и Syndication / Feed ID– для тех, кто использует сервис Feedburner. Здесь необходимо указать адрес канала и его ID.Image Setting – настройки обрезки изображения для превьюшек к видео.

VIDEO DETAIL PAGE
Этот раздел позволяет показать или скрыть кнопки "Twitter Like" и "Facebook Like"

NAVIGATION SETTINGS
Top Strip Header Navigation Exclude Pages – если поставить галочку напротив одного из пунктов, то он удаляется из навигации, размещенной на страницах блога справа вверху.
Video Categories for Header Main Navigation – те рубрики видео, которые здесь будут выделены, отобразятся в главном меню, расположенном в шапке сайта.
Blog Categories for Header Main Navigation – помещает в главное меню выбранные здесь рубрики.
Pages for Header Main Navigation - помещает в главное меню выбранные здесь страницы.
Breadcrumbs Navigation – включает и выключает «хлебные крошки».

BLOG STATS AND SCRIPTS
Здесь можно помещать скрипты в шапку и футер сайта. Например, код счетчика сайта.

SEO OPTIONS
Здесь стандартные СЕО настройки. Можно добавить содержимое тегов <meta> и поместить в <noindex> выбранные страницы.

TRANSLATIONS
В этом разделе настроек можно перевести английские слова, которые встречаются в разных местах сайта, на родной язык его посетителей.

Вот, в принципе, так и устроена данная тема. Если кто-то попробует на ее основе создать полноценную видео-галерею, предлагаю разместить здесь то, что у вас получилось. Было бы очень интересно посмотреть :)

Сообщение отредактировал GoodX: 29 Июнь 2012 - 03:24

  • 1

На правах рекламы

#2 Вадим Демченко

Вадим Демченко

    Свой человек

  • Киберсанты
  • PipPipPipPipPip
  • 838 сообщений
136
Очень хороший
  • Страна, Город:
    Из деревни я...
  • Пол:Мужчина

Отправлено 28 Июнь 2012 - 21:07

Интересно конечно, но темы видеоблога на английском языке. А на русском языке есть темы?
  • 0
Твиттер - https://twitter.com/kibertea

#3 GoodX

GoodX

    Свой человек

  • Клиент Info-DVD.Ru
  • PipPipPipPipPip
  • 533 сообщений
178
Очень хороший
  • Пол:Мужчина

Отправлено 29 Июнь 2012 - 02:56

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


Эта тема мне весьма понравилась. Во-первых, легкостью настройки и добавления видео. Во-вторых, бесплатностью.
Если кому еще нужно, в свободное время могу перевести ее на русский язык ;)
  • 0

#4 Сергей (ex-Gudvin)

Сергей (ex-Gudvin)

    Ученик

  • Киберсанты
  • PipPipPipPipPip
  • 5 785 сообщений
2 710
Очень хороший
  • Пол:Мужчина

Отправлено 29 Июнь 2012 - 05:26

Сколько будет стоить перевод?
  • 0

Кто счастлив, тот и прав. (Л. Н. Толстой)


#5 GoodX

GoodX

    Свой человек

  • Клиент Info-DVD.Ru
  • PipPipPipPipPip
  • 533 сообщений
178
Очень хороший
  • Пол:Мужчина

Отправлено 29 Июнь 2012 - 09:08

Сергей (ex-Gudvin),

я никогда этим не занимался. Так что для самообучения - бесплатно :)
  • 0

#6 Сергей (ex-Gudvin)

Сергей (ex-Gudvin)

    Ученик

  • Киберсанты
  • PipPipPipPipPip
  • 5 785 сообщений
2 710
Очень хороший
  • Пол:Мужчина

Отправлено 29 Июнь 2012 - 09:14

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

Кто счастлив, тот и прав. (Л. Н. Толстой)


#7 GoodX

GoodX

    Свой человек

  • Клиент Info-DVD.Ru
  • PipPipPipPipPip
  • 533 сообщений
178
Очень хороший
  • Пол:Мужчина

Отправлено 29 Июнь 2012 - 09:16

Сергей (ex-Gudvin),

нет. Но я не боюсь браться за что-то новое. Ведь моя цель - стать профессионалом. Если есть спрос для такой услуги, я готов всему научиться
  • 1

#8 Сергей (ex-Gudvin)

Сергей (ex-Gudvin)

    Ученик

  • Киберсанты
  • PipPipPipPipPip
  • 5 785 сообщений
2 710
Очень хороший
  • Пол:Мужчина

Отправлено 29 Июнь 2012 - 09:31

нет. Но я не боюсь браться за что-то новое.


Один из способов кинул в личку... Сам обычно перевожу другим способом, этот ещё не успел попробовать... Если испробуешь, отпишу в личку - работает не работает, нормально ли работает...
  • 0

Кто счастлив, тот и прав. (Л. Н. Толстой)


#9 GoodX

GoodX

    Свой человек

  • Клиент Info-DVD.Ru
  • PipPipPipPipPip
  • 533 сообщений
178
Очень хороший
  • Пол:Мужчина

Отправлено 29 Июнь 2012 - 09:32

Один из способов кинул в личку... Сам обычно перевожу другим способом, этим ещё не успел попробовать... Если испробуешь, отпишу в личку - работает не работает, нормально ли работает...


благодарю. Сейчас займусь
  • 0

#10 GoodX

GoodX

    Свой человек

  • Клиент Info-DVD.Ru
  • PipPipPipPipPip
  • 533 сообщений
178
Очень хороший
  • Пол:Мужчина

Отправлено 11 Август 2012 - 07:24

Все это время был очень занят обучением php и выполнением заказов. Только сегодня занялся переводом темы.
Однако выяснилось, что технически перевести любую тему Wordpress довольно легко. Но чтобы сделать это качественно, необходимо владеть английским языком, и немного разбираться в том, как утроен Wordpress изнутри. И переводчик тут не поможет. Поэтому прошу прощения, но обещания своего исполнить не в состоянии. Потому как на изучение английского языка пока категорически не хватает времени.
  • 0




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей