Подсказки к предметам для вашего сайта
У вас сайт гильдии или форум, или вы пишете руководства по WoW Forever? Всего одна строка кода — и каждая ссылка на предмет в Eternadex показывает подсказку со всеми характеристиками, как в игре. Бесплатно, без регистрации, без cookie-файлов.
1. Добавьте код
Добавьте эту строку на свою страницу один раз, лучше всего прямо перед </body>:
<script src="https://eternadex.com/einbetten.js" data-lang="ru" async></script>
2. Ставьте ссылки на предметы
Ставьте на предметы обычную ссылку на их страницу на Eternadex. Скрипт автоматически превращает её во всплывающую подсказку, окрашивает ссылку по качеству предмета и добавляет маленькую иконку. Без скрипта, на форумах или на телефоне это остаётся обычной ссылкой, которая ведёт прямо на страницу предмета.
<a href="https://eternadex.com/ru/item/19019/">Громовая ярость, благословенный клинок Искателя Ветра</a>
Номер предмета можно найти в базе предметов, в адресе любой страницы предмета или с помощью генератора ссылок ниже.
Генератор ссылок на предметы
Введите название или номер предмета, выберите формат и язык — готово.
<a href="https://eternadex.com/ru/item/19019/">Громовая ярость, благословенный клинок Искателя Ветра</a>
Предпросмотр: Громовая ярость, благословенный клинок Искателя Ветра
Готовые фрагменты
HTML (сайт гильдии, собственный сайт)
Добавьте скрипт один раз, а затем пишите каждую ссылку на предмет так:
<a href="https://eternadex.com/ru/item/19019/">Громовая ярость, благословенный клинок Искателя Ветра</a>
BBCode (форумы на phpBB, MyBB или vBulletin)
На форумах с BBCode ссылки на предметы ставятся так. Чтобы форум показывал подсказки, администратор должен один раз добавить скрипт в тему оформления; иначе это остаётся обычной ссылкой на страницу предмета.
[url=https://eternadex.com/ru/item/19019/]Громовая ярость, благословенный клинок Искателя Ветра[/url]
WordPress
Добавьте в редакторе блок «Произвольный HTML» и вставьте в него скрипт и ссылки. Скрипт нужен один раз на страницу; для всего сайта его можно один раз добавить в подвал темы. Плагин или шорткод не нужны.
<script src="https://eternadex.com/einbetten.js" data-lang="ru" async></script>
<a href="https://eternadex.com/ru/item/19019/">Громовая ярость, благословенный клинок Искателя Ветра</a>
Некоторые хостинговые тарифы (например, на WordPress.com) не разрешают скрипты. Ссылки всё равно работают, только без подсказок.
Markdown (Reddit, GitHub, вики, блоги)
[Громовая ярость, благословенный клинок Искателя Ветра](https://eternadex.com/ru/item/19019/)
Discord
Discord не показывает подсказки, но превращает вставленную ссылку на предмет в карточку предпросмотра с названием и характеристиками. Просто вставьте адрес:
https://eternadex.com/ru/item/19019/
Попробовать
Наведите курсор на эти ссылки:
Вариант без ссылки
Там, где ссылки поставить нельзя, работает и атрибут data-eternadex-item у любого элемента:
<span data-eternadex-item="19019">Громовая ярость</span>
Ссылка при этом не создаётся: посетители не могут перейти на страницу предмета, а на телефонах без мыши вообще ничего не происходит. Поэтому по возможности используйте вариант со ссылкой.
Параметры
data-lang="ru": подсказки на русском языке. Без этого параметра скрипт показывает подсказки на немецком языке.data-farbe="off": ссылки сохраняют ваш собственный цвет.data-icons="off": без иконки перед ссылкой.
<script src="https://eternadex.com/einbetten.js" data-lang="ru" data-icons="off" async></script>
Работает и на страницах с динамически подгружаемым содержимым. На телефонах без мыши подсказки не показываются — ссылки ведут прямо на страницу предмета.
Полезно знать
- Названия и характеристики взяты из игровых данных WoW Forever.
- Скрипт не устанавливает cookie-файлы и загружает данные только с eternadex.com.