Приветствую дорогие авторы!

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

Введение.

В настоящее время аниме на сайт добавляется исключительно из Вконтакта, это обусловлено тем, что там оно лучше всего представлено. То есть, там аниме и хорошего качества, и легко ищется, и представлено в самых разных озвучках. Может быть по каким-то отдельным критериям видео-онлайн из вконтакта и уступает отдельным другим сервисам, но в совокупности оно самое лучшее, и имеет преимущество перед всеми. Ну для справки отмечу, что скрипт, вызывающий эпизоды поддерживает кроме вконтакта также rutube. sibnet, kiwi.kz и mywi, но они пока не используются в силу своих недостатков. Ну и естественно сам движок легко воспроизводит видео с youtube, но это используется в новостных статьях.

Из всего аниме онлайн, появляющегося у нас на русском языке, основными источниками являются три ведущие сообщества фандаберов, это AniDub, AniMedia и Anilibria. И в основном аниме на сайте появляется в озвучке этих студий. Да есть и другие, но у этой тройки всегда озвучка самая качественная и вполне своевременная. А и искать новые серии нам стоит именно в группах этих сообществ вконтакте. Вот они: AniDub , AniMedia  и Anilibria. Я вот просто вступил в эти все группы, и теперь новые видео появляются в моей новостной ленте вконтакте, откуда я их и добавляю. Ну и кроме того в группах часто есть много чего интересного. Вопщем и вам советую.

1. Заходим, располагаемся.

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

2. Страшный код.

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

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

И тут перед нами возникает ужасающее зрелище. Какие то непонятные цифры, буквы. Все в перемешку. Ничего не понятно и не ясно что вообще с этим делать. Но не надо бояться. На самом деле этот код не такой уж и страшный. Если вы присмотритесь, то увидите, что там написано тоже самое, что и на вкладке “Визуально”, только все элементы обрамлены всякими маленькими словечками в кавычках, типо <strong>Информация</strong>, <p>Привет</p>. На самом деле эти словечки, называемые тэгами, просто рассказывают браузеру как  надо отображать информацию между ними.

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

….

<strong><!–more Смотреть аниме НАЗВАНИЕ АНИМЕ–></strong>
<a name=”vid”></a>
<p class=”videotitle”>↓ ↓ ↓</p>
&nbsp;
<p class=”video1″>Выберите эпизод для просмотра</p>

<table class=”videoep” width=”100%” border=”0″ cellspacing=”2″ cellpadding=”0″>
<tbody>
<tr>
<td valign=”top”>
<p style=”text-align: left;”><strong>Русская озвучка</strong></p>

<a title=”#” href=”#vid”>01. </a>
<a title=”#” href=”#vid”>02. </a>

…

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

но вот как раз нам то и надо заполнить их нужной информацией.

Приступаем.

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

<p style=”text-align: left;”><strong>Русская озвучка</strong></p> – тут надеюсь все понятно, просто дописываем фандаберов, чтобы получилось типо

<p style=”text-align: left;”><strong>Русская озвучка Eladiel & Zendos</strong></p> 

Каждая такая строчка <a title=”#” href=”#vid”>01. </a> это заготовка для серии.

То есть можно уже написать <a title=”#” href=”#vid”>01. Супер название серии</a>. Ну если неизвестно название серии, то я просто пишу слово “эпизод”.

А теперь разберем немного дальше.

<a title=”#” href=”#vid”>01. Новая серия</a>

То что я выделил зелененьким, отобразится на сайте, а то что синеньким скрыто от глаз анимешников, но не менее важно. Нас особенно интересует вот эта часть title=”#”. Что будет находиться на месте значка # и будет кодом для данной серии.

Пример:

<a title=”-37468416&amp;id=165781140&amp;hash=57b20d844f9c5dc8” href=”#vid”>17. Титан женского типа</a>

красным показан код.

Но нам надо это код еще где-то взять. А для этого давайте вернемся к найденному видео вконтакте и спросим у него.

3. Вконтакте Ваниметанке

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

Смело на него кликаем, чтобы нам открылась форма экспорта видео, выглядит она вот так.

И вот наконец перед нами Код для вставки, кусочек из которого предстоит поместить на нашу открытую страницу сайта. Этот код уже сразу выделен. К сожалению, просто так взять кусочек из него на движок вконтакта не даст, потому весь этот код надо скопировать в промежуточное место. Это может быть обычный встроенный  блокнот, я пользуюсь Notepade++, да хоть в Word, пофиг, просто вставляем туда и все.

А дальше немного сложно, нам надо правильно определить кусочек кода для вставки на сайт. Вот я выделяю для наглядности, то что нам именно нужно

<iframe src=”http://vk.com/video_ext.php?oid=-37468416&id=166246078&hash=8c4143739d546be5&hd=1″ width=”607″ height=”360″ frameborder=”0″></iframe>

Ни больше, ни меньше. с одной стороны от ?oid= и до &hd= с другой, все что между ними, вот это нам и надо. Эта строка может начинаться с минуса, а может с цифры (если видео не из группы, а принадлежит конкретному пользователю), но обязательно в ней есть id и hash, которым задаются значения.Если интересно, то первое число это идентификатор пользователя (если с минусом, то группы), id это идентификатор видеозаписи, hash это хеш видеозаписи,  а нам больше ничего и не нужно, все остальное сайт добавит сам.

И вот теперь опять аккуратно копируем этот кусочек кода, переключаемся на окно с формой редактирования записи и вставляем на нужное место title=”ВОТ СЮДА” и получается в данном случае

<a title=”-37468416&id=166246078&hash=8c4143739d546be5” href=”#vid”>25 эпизод Титанов</a>

Вот и все. Это очень сложно, когда делаешь первый раз, и когда второй тоже, с третьего раза это делается на автомате. Вся эта операция, которую я описывал 40 минут, а вы читали 10 минут, в действии занимает  секунд 30

Однако, это еще не совсем всё, надо сохранить запись, а вдруг еще есть серии, да и об остальном надо подумать. Так что читаем ниже.

4. Аниме сезон продолжается

Итак, стоит задача добавить очередную серию. Действуя по принципу пунктов 1-2 вы находите нужное место, что то типо такого:

<p style=”text-align: left;”><strong>Русская озвучка Eladiel &amp; Zendos</strong></p>
<a title=”-37468416&amp;id=164904461&amp;hash=a0b2951a12abb3ba” href=”#vid”>01. Тебе, зритель будущего</a>
<a title=”-37468416&amp;id=164961108&amp;hash=99994c983ed5c87e” href=”#vid”>02. Тот день</a>

и вы уже нашли следующую серию. Алгоритм таков. Копируете вторую строку, ставите курсор в конец второй строки, жмете Enter и вставляете скопированную строку. И получается у вас такое:

<p style=”text-align: left;”><strong>Русская озвучка Eladiel &amp; Zendos</strong></p>
<a title=”-37468416&amp;id=164904461&amp;hash=a0b2951a12abb3ba” href=”#vid”>01. Тебе, зритель будущего</a>
<a title=”-37468416&amp;id=164961108&amp;hash=99994c983ed5c87e” href=”#vid”>02. Тот день</a>
<a title=”-37468416&amp;id=164961108&amp;hash=99994c983ed5c87e” href=”#vid”>02. Тот день</a>

Думаю тут все понятно, зелененькое меняете на новый код, синенькое на новое название. И таким макаром, можно добавить сразу несколько серий. Добавили строчку в коде, открыли вконтакте следующую серию, вставили из неё код. Название вообще потом можно разом всем сериям проставить.

Вы умные люди и думаю справитесь с такими несложными вещами. А давайте теперь посмотрим где еще мы можем пошурудить в записи.

Для этого перейдем на вкладку “Визуально” (она рядом с вкладкой “Текст”) и увидим как примерно будет выглядеть готовая запись. Сразу можно заметить что где неправильно. А прямо наверху формы редактирования находится несправедливо обойденный вниманием визуальный редактор. Если вы хотите что-то в посте подправить, то смело им пользуйтесь. Он примерно такой же как редактор в Word, да и если вы когда-то оставляли сообщение на любом форуме (включая Аниметанк), то без труда с ним разберетесь, тем более при наведении на любую кнопочку появляется поясняющая запись. А вообще поправить кое-что надо. Вы же добавили новую серию! Значит надо показать пользователей, что серий стало на 1 больше. Там где написано Серии: 1-1 из >12 эп. правите на Серии: 1-2 из >12 эп. Там где Добавлена 1-я серия, исправляете на Добавлена 2-я серия. Также может поменяться жанр, появиться более полное описание или еще какие-то моменты. Все это вы на свое усмотрение делаете как хотите. Кроме того стоит в поле чуть ниже формы с заголовком Цитата, также поменять номер добавленной серии, оно выведется в сайдбаре и на странице Аниме-онлайн, это сразу увидят наши посетители и радостно бросятся смотреть новую серию.

Чуть правее формы находятся Рубрики и Метки

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

Ну и раз вы обновили пост, надо ему задать и свежее время, чтобы он начал поднялся наверх и его все заметили. Для этого рядом с отметкой времени нажимаем ссылку Изменить и проставляем примерно текущие дату и время. Особая точность тут совсем не требуется. Главное сегодня, и примерно недавно 1-2 часа назад. Только не ставьте будущее время, а то пост исчезнет и будет ждать, когда ему надо опубликоваться. Так же стоит учесть что сайт живет по московскому времени, и отталкиваться надо тоже от московского времени.

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

5. Работа над ошибками

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

Во-первых, никто не отменял старый добрый CTRL + Z он отменит последнюю операцию, а повторные нажатия и предыдущие. Да и на панеле визуального редактора есть аналогичная стрелочка.

Во-вторых, то что вы написали, вставили, скопипастили никто не увидит пока не нажмете волшебную кнопочку Обновить (или Опубликовать если запись новая). Так что любые свои ошибки можно удалить и написать заново. Хоть прямо всю строчку, что не так вставили, удалили и вставили заново, порою это получается быстрее чем что-то исправить в ней.

Ситуация: все пропало! Как было не знаю! Все поломалось нафиг! Контрлзет не помогает! Весь пост превратился в кашу!

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

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

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

7. Ты — Автор!

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

Итак, откуда берутся новости. Сайт то я делал вообще изначально как новостной. И потому новости тоже очень важны. Источником новостей лично для меня в основном служат четыре англоязычных сайта: это новостной агрегатор http://www.animenewsnetwork.com/news/, лента американского аниме дистрибьютора http://www.crunchyroll.com/news, несколько пошловатый, но с множеством занимательных новостей http://www.sankakucomplex.com/ (не все же сухие факты пережевывать) и блог команды ансаберов в котором много новостей http://www.moetron.com/. Хоть они и англоязычные, перевести новости очень просто, да хоть загнать в гуглтранслейт и потом просто немного политературнее сделать. Тут важнее знать,что такое аниме, что в нем бывает, немного ориентироваться в тайтлах, ну и просто любить аниме Конечно же подспорьем будут справочники типо http://www.world-art.ru/animation/ и конечно http://ru.wikipedia.org/.  Также я частенько встречаю разные интересные вещи и в других местах, и добавляю их для всеобщего обозрения. Я не копирую русскоязычные статьи про аниме, потому что вообще чужое брать нехорошо, да и частенько качество их оставляет желать лучшего, а тут я уверен что предоставил пользователям самую достоверную информацию. Да и кроме того получается, что в каждый пост я вкладываю частичку души, пользователи это чувствуют и за это тоже любят сайт)))

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

Вот только на первых порах я очень рекомендую при создании статьи не публиковать её сразу, а отправить мне. Мне все равно необходимо будет добавить в неё некоторые технические моменты типо миниатюры, всяких описаний и прочего, а заодно поправлю если у вас что-то не так по неопытности. Сделать это очень просто. Когда запись готова, вы не нажимаете кнопку “Опубликовать”, а нажимаете кнопку “Сохранить” чуть выше. Запись попадает в черновики и там я её сразу увижу. Как только я до неё доберусь, я её дооформлю и опубликую (естественно автором её вы и останетесь). Кстати совсем не обязательно писать сразу пост от начала и до конца, с помощью той же кнопки вы можете сохранить новый пост в черновиках. То есть пописали немного, потом вдруг по делам ушли, затем накатило вдохновение вновь открываете пост дописываете, и так сколько угодно раз. И в этом случае я если увижу пост в черновиках, то по содержанию пойму – пора его публиковать или нет, однако вы мне вполне можете оставить прямо в черновике временное послание где нибудь в конце типо “Cap опубликуй это” или “Cap пока не публикуй, я еще напишу 12 абзацев как только меня посетит муза”.

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

В целом, народ, не стесняемся, действуем. Вы теперь движущая сила и у вас есть все возможности делать этот мир лучше!

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

 

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

Добавление нового аниме онлайн

*****

Добавление отдельного эпизода к аниме

 

Всем успехов!

Ваш, Cap.