Примечание:
Эта страница - компонент, используемый на данной вики. Он предназначен для включения в другие страницы.
Страница, объединяющая все компоненты в единый список, расположена по ссылке: Хаб компонентов.
Предпросмотр для ссылок!
Прямо как в Википедии! Что тут ещё сказать?
Данный компонент, изначально созданный
Croquembouche для использования в scp-9001ⓘSCP-9001 — ФракталОказывается в компонентах можно рекламировать собственные статьи. И кто на это пожалуется? Ты?-, предназначен для тех немногих случаев, когда вы хотите сослаться на интересную и релевантную страницу посреди истории, но не хотите, чтобы читатель чувствовал, будто он что-то упустил, не прочитав эту страницу. Используя предпросмотр для ссылок вы можете кратко передать необходимый контекст ссылки и продолжить рассказывать свою историю, не беспокоясь, что читатель перейдёт на другую статью и навсегда забудет про вашу.
Использование
На этой вики добавьте эту строчку в самом начале своей статьи, перед любыми визуальными темами:
[[include component:hoverlinks]]
В статье нужна всего одна такая строчка, независимо от количества ссылок, к которым вы хотите добавить предпросмотр.
Далее, для каждой ссылки с предпросмотром копируйте приведённый ниже синтаксис (или воспользуйтесь генератором ниже для автоматической загрузки англоязычных метаданных) и вставляйте его куда хотите.
Генератор
ВНИМАНИЕ
На данный момент этот генератор поддерживает автоматическую подгрузку сведений исключительно из базы данных Crom, вследствие чего автоподгрузка будет работать только для статей тех вики, что поддерживаются этим поисковым движком.
Как следствие, автоматическая подгрузка сведений пока НЕ РАБОТАЕТ для статей в русскоязычных филиалах SCP и Библиотеки Странников.
Данный инструмент позволит вам с лёгкостью создать ссылку с предпросмотром. Вам надо лишь указать адрес страницы (будь то полный URL или чисто slug, например 'scp-173'). Остальные данные автоматически заполнит Crom. В генераторе уже указан случайный объект, так что вы можете попробовать его прямо сейчас.
Данные, предоставляемые Crom на самом деле не идеально подходят для предпросмотров. Так, текст предпросмотра обычно написан автором статьи и является аннотацией, а не кратким обзором. К тому же у большинства страниц он и вовсе отсутствует. Лучше использовать сведения из Crom как точку отправления, от которой затем настраивать предпросмотр под конкретно свои нужды.
См. также: Как изменить эти метаданные для своей статьиⓘCrom для авторов (англ.)Для многих людей источником первых впечатлений о вашей статье станет Crom. Будь то вложение в Discord, ответ от бота на Reddit, поисковое окно на других филиалах или поиск на самом сайте Crom. Вы, как автор, можете настроить множество параметров того, как Crom презентует вашу работу.-
Примечания об использовании
Что стоит указывать в тексте предпросмотра?
Вам необходимо серьёзно подойти к вопросу содержания предпросмотра — текст должен отражать как специфику вашей статьи, так и специфику контекста ссылки.
Я рекомендую задуматься о том, почему вы ссылаетесь на ту статью, а затем указать эту причину как можно более кратко, при этом оставаясь в рамках вселенной. Например:
- Если я пишу историю о, допустим, антимемах и хочу сослаться на SCP-055ⓘSCP-055Неизвестный предмет, который невозможно запомнить. Самый первый антимем, попавший в руки Фонда. потому что он был первым, я сделаю ровно так, как сделал сейчас. Это даёт читателям контекст, объясняющий моё решение, и указывает, что данная ссылка — просто элемент мироустройства, который можно пропустить и продолжить читать дальше.
- Если я пишу историю, которая требует прочтения дополнительных материалов — возьмём канон «Конец Смерти» для примера — я оформлю ссылку на хаб как-то так: "в результате текущего сценария класса ΩKⓘХаб Конца СмертиДействующий сценарий класса ΩK, вызыванный неизвестными событиями, из-за которого все организмы неспособны умереть. Обязательно к ознакомлению всем исследователям.- бла-бла-бла и т.д. и т.п.". Это аутентичным образом даёт знак читателям, что, возможно, им стоит остановится и перейти по ссылке, чтобы наверстать пропущенное.
Если же вы хотите намекнуть читателям, что им стоит прочитать страницу по ссылке целиком, или если вы хотите создать впечатление, будто перед читателем находится гигантская база данных полная связанной информации, попытайтесь поместить столько текста в предпросмотр, чтобы он уходил за границу окошка и обрывался — прямо как в Википедии.
Старайтесь не превращать предпросмотр в аннотацию, вставляя, к примеру, "крутые цитаты" из статьи или отзывов к ней. Ваша цель — не "продать" статью читателям, а дать им достаточно инструментов, чтобы они могли сами принять взвешенное решение — стоит им переходить по ссылке или нет. Исключение составляют страницы вне вселенной, по типу авторских — с ними можете делать что угодно.
Также постарайтесь, по возможности, избегать в тексте предпросмотра спойлеров к статьям, на которые вы ссылаетесь.
Что за маленький символ ⓘ?
Я считаю, что визуально показать читателю, что у ссылки есть предпросмотр — хорошая практика. На этой вики ссылки использовались уже почти два десятка лет — только представьте сколько лет привычкам, связанным с ними. Если визуально не показать, что у ссылки есть предпросмотр, большинство пользователей никогда об этом и не узнают.
Вы можете со мной не согласится. В таком случае достаточно убрать ^^ⓘ^^ из копируемого синтаксиса.
Стоит ли в визуальных темах менять оформление предпросмотра?
Конечно. Если вы — создатель темы на Sigma, можете смело менять оформление данного компонента в своей теме. Если же вы использовали другую тему в качестве базы (BHL, Basalt), то дождитесь пока базовая тема начнёт поддерживать стилизацию.
Почему не сделать [[include]] для каждого отдельного предпросмотра?
Потому что [[include]] нельзя использовать посреди текста, где все ссылки зачастую и находятся.
Можно ли сделать предпросмотр для ссылки, которая не является ссылкой?
ПожалуйстаⓘПредпросмотр!Предпросмотр! Предпросмотр! Предпросмотр!. Вам всего лишь нужно использовать [# ТЕКСТ_ССЫЛКИ] вместо [[[URL_ССЫЛКИ | ТЕКСТ_ССЫЛКИ]]]. Таким образом это всё ещё похоже на ссылку (а она обязательно должна быть похожей, чтобы её можно было активировать через навигацию с помощью клавиатуры), но она никуда не ведёт.
Исходник CSS
А вот CSS для данного компонента:

