Новый отличный шаблон AnimeNetwork для сайтов с аниме и дорамами. Шаблон обладает множеством возможностей по отображению контента. По стандарту, проведена первоначальная seo оптимизация и оптимизация скорости загрузки.
Изменено пользователем TacTics
Добавлена информация
Что нового в версии 13.x - 18.x
Размещено
Для этой версии изменений нет.
Версия по умолчанию: DLE 13-18
Верстка: css3, html5
Ширина: адаптивная 320-1400 пикселей
Проверен в: Firefox, Chrome, Edge
Комплектация: Оригинал, файлы шаблона,инструкция, доп данные, дополнительные модули.
Автор: Webrambo
1. Где все находится
основная страница - main.tpl (здесь шапка, карусель на главной, футер и так далее)
верхнее меню - main-menu.tpl
главная страница - main-page.tpl
сео текст - main-seo.tpl
форма фильтра - main-filter.tpl
краткая новость карточка - shortstory.tpl
краткая новость постер - custom-poster.tpl
внутренняя страница (новость) - fullstory.tpl там впишите свои дополнительные поля вместо демо текстов и видео.
краткая новости - custom-news.tpl
полная новости - fullstory-news.tpl
Подробнее о этих страницах будет ниже
страница для подгрузки кастом - main-animes.tpl
страница расписание на неделю - main-schedule.tpl
страница топ 100 - main-top.tpl
2. В админке
в утилиты - управление плагинами - установите плагин current-day.xml - он выводит текущий день недели и нужен для расписания и блока "сегодня выходят".
в настройки - изображения обязательно включить ОТЛОЖЕННАЯ ЗАГРУЗКА ИЗОБРАЖЕНИЙ с помощью js (для отложенной загрузки iframe плееров)
В настройках - новости -
или включить рейтинг ОЦЕНКА (звезды). Разрешить выставление рейтинга в кратких новостях - выключить
или вкючить рейттинг НРАВИТСЯ И НЕ НРАВИТСЯ
ЕСЛИ включен рейтинг ОЦЕНКА и вы хотите использовать 10 звезд, то установите плагин rejting-10.xml в админке Утилиты - Управление плагинами.
Если у вас установлен ratingscore-ext.xml то выключите его.
ЕСЛИ включен рейтинг НРАВИТСЯ НЕ НРАВИТСЯ, то установите плагин ratingscore-ext.xml в админке Утилиты - Управление плагинами.
Это плагин для вывода оценки {ratingscorelikes} и он предназначен только для рейтинга НРАВИТСЯ И НЕ НРАВИТСЯ.
Если у вас установлен и включен плагин 10 звезд то выключите его.
Количество похожих новостей 4 или кратное 2.
комментарии - включить рейтинг НРАВИТСЯ И НЕ НРАВИТСЯ.
3. Cтроки вида {custom...} как его настраивать читайте на https://dle-news.ru/extras/online/startnews.html
после полной настройки активируйте кеш у кастомов cache="yes"
Например
{custom order="rating" limit="9" category="1,3,5-10" template="custom-popular" cache="no"}Копировать
выведет новости по рейтингу в количестве 9 штук из категорий с id 1,3 и с 5 по 10, применит шаблон custom-popular и выключит кеширование.
Причем необязательно указывать все параметры. Например, если мы не укажем категорию, то выведет новости из всех категорий.
4. Создаем дополнительные поля в админ панели
Создаются по адресу /admin.php?mod=xfields&xfieldsaction=configure и там же справа внизу ссылка на инструкцию
Если вы занимаетесь киносайтами, то вы должны знать, что такое доп поля.
Создаете нужные поля нужных типов и всем полям отмечаем галку использовать по желанию.
Вам нужно вписать поля вместо демо текстов и демо видео в файлах
- shortstory.tpl
- fullstory.tpl
- relatednews.tpl
- custom-*.tpl
Например создали поле cast для списка актеров и соответственно заменили в fullstory.tpl список актеров на [xfvalue_cast]
Или создали поле director для режиссера и соответственно заменили в fullstory.tpl имя режиссера на [xfvalue_director]
5. Для скриншотов создавайте поле "загружаемая галерея изображений".
Обязательно с созданием уменьшенной копии изображения и ее рекомендуемый размер как минимум 300 по ширине.
6. Настройка франшиз
Создайте доп поле franchise, тип "одна строка", галочка "использовать при желании".
Допустим мы хотим собрать всю франшизу фильма "Форсаж". Тогда в это поле у каждого фильма серии "форсаж" вписываете "Франшиза форсаж" без кавычек.
все, новости с этим полем автоматически соберутся кастомом
{custom limit="30" xfields="[xfvalue_franchise]" template="custom-choice" cache="no"}Копировать
подбор в примере идет по ключевой фразе "Франшиза форсаж", поэтому фраза должна быть уникальной для каждой франизы.
Если впишете просто "форсаж", то подберутся и ненужные новости типа "форсаж и форсунки", поэтому важно вписывать именно "Франшиза форсаж" для уникализации.
7. настройка табов на главной странице и в боковой колонке
Нам нужно создать статическую страницу откуда будут грузиться кастомы.
Давайте на примере главной, блока онгоинги - сегодня - выйдет - завершено. В main-page.tpl блок
<div class="sect">
{* как настраивать подгрузку подробно в инструкции! *}
<div class="sect__header d-flex ai-center c-gap-30 r-gap-10 sect__tabs" data-trg="main-animes"> {* грузит с страницы /main-animes.html *}
<button type="button" class="sect__tabs-btn is-active" data-id="1">Онгоинги</button> {* грузит с страницы main-animes из блока с id="1" *}
<button type="button" class="sect__tabs-btn" data-id="2">Сегодня выйдет</button>
<button type="button" class="sect__tabs-btn" data-id="3">Завершено</button>
</div>
<div class="sect__content has-carou carou-nl" id="carou">
{custom category="1-10" limit="8" template="custom-poster" cache="no"}
</div>
</div>
Копировать
нужно создать страницу /main-animes.html с нее будут грузиться блоки с id="1", id="2", id="3" и так далее.
в админке в разделе статические страницы создаем страницу и указываем
- название - main-animes
- описание - любой текст
- текст страницы - любой текст
- использовать шаблон - main-animes
убрать галочки - включить счетчик просмотров, публиковать в карте сайта
поставить галочки - запретить индексацию, исключить из поиска.
Все, теперь все грузит при клике по табам. В main-animes.tpl вы найдете кастомы, которые можно настроить как угодно.
Можно соответственно добавить еще кастом в этот tpl и таб подгрузки, если потребуется.
Саму страницу можно посмотреть по адресу ВАШСАЙТ/main-animes.html
8. Аналогично создаем страницу под топ 100
в админке в разделе статические страницы создаем страницу и указываем
- название - top
- описание - топ 100 аниме
- текст страницы - любой текст
- использовать шаблон - main-top
убрать галочки - включить счетчик просмотров, публиковать в карте сайта
поставить галочки - запретить индексацию, исключить из поиска.
Саму страницу можно посмотреть по адресу ВАШСАЙТ/top.html
9. Аналогично создаем страницу для расписания на неделю
в админке в разделе статические страницы создаем страницу и указываем
- название - schedule
- описание - Расписание выхода серий
- текст страницы - любой текст
- использовать шаблон - main-top
убрать галочки - включить счетчик просмотров, публиковать в карте сайта
поставить галочки - запретить индексацию, исключить из поиска.
Саму страницу можно посмотреть по адресу ВАШСАЙТ/schedule.html
Известно, что тайтлы аниме почти всегда выходят в одно и то же время, один и тот же день, этим и воспользуемся.
Для автоматической работы расписания по дням недели, таймера выхода серий, подгрузки "Сегодня выйдет" создадим доп поле
название - day-ongoing
описание поля - день выхода онгоинга
тип - 1 строка
значение по умолчанию - Понедельник, 18:00
поставить галочку - Использовать при желании (можно оставить поле пуcтым)
это поле у каждого онгоинга заполняем по примеру "Понедельник, 18:00" - то есть день недели и время (без кавычек)
ВАЖНО СОХРАНЯТЬ ФОРМАТ через запятую и пробел.
ВАЖНО ПИСАТЬ БЕЗ ОШИБОК - Понедельник Вторник Среда Четверг Пятница Суббота Воскресенье
Если все сделали правильно, то расписания по дням недели, таймера выхода серий, сегодня выйдет будет работать автоматически.
10. установим значки групп пользователей. Они находятся в
- comments.tpl
- custom-comments.tpl
там увидите, думаю все понятно, ID групп можно найти в админка - пользователи - настройка групп пользователей
[commentsgroup=1]<div class="comm-group-mark comm-lord">{group-name}</div>[/commentsgroup]
[commentsgroup=2]<div class="comm-group-mark comm-guru">{group-name}</div>[/commentsgroup]
[commentsgroup=3]<div class="comm-group-mark comm-vet">{group-name}</div>[/commentsgroup]
[commentsgroup=4]<div class="comm-group-mark comm-mest">{group-name}</div>[/commentsgroup]
[commentsgroup=5]<div class="comm-group-mark comm-user">{group-name}</div>[/commentsgroup]
Копировать
доступны
- comm-admin красный
- comm-jour зеленый
- comm-user оранжевый
- comm-post голубой
- comm-mest малиновый
- comm-gl зеленый 2
- comm-vet голубой 2
- comm-vip желтый
- comm-guru желтый 2
- comm-lord градиент красный фиолетовый
11. как менять настройки шаблона
Откройте main.tpl, на 26 строке увидите скрипт.
раскомментируйте строку
//localStorage.removeItem('settanet'); {* сброс сохраненных настроек для теста админу *}Копировать
должно быть так
localStorage.removeItem('settanet'); {* сброс сохраненных настроек для теста админу *}Копировать
теперь меняем настройки (расшифровка ниже) в строке
let sett = ['lt','hdr0','col1']; // {* настройки, подробно в инструкции *}Копировать
обновите страницу в браузере, чтобы увидеть новые настройки
теперь, когда вы изменили и проверили настройки, обратно закомментируйте строку
localStorage.removeItem('settanet'); {* сброс сохраненных настроек для теста админу *}Копировать
должно быть так
//localStorage.removeItem('settanet'); {* сброс сохраненных настроек для теста админу *}lt - светлый, dt - темный.
hdr0 - на внутренней заголовок справа от постера, hdr1 - над постером
col1 - колонка справа, col2 - колонка слева
Рекомендуемые комментарии
Для публикации сообщений создайте учётную запись или авторизуйтесь