ФЭНДОМ


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

Виджеты ВКонтакте Править

ВКонтакте является самой популярной социальной сетью для пользователей, говорящих на русском языке. Здесь есть огромное количество сообществ на самые разные темы. Вы также можете создать отдельную группу, посвящённую своей вики, и добавить на вики виджет для неё.

Для создания виджета вам нужно узнать ID группы ВК:

  • Для этого перейдите на страницу группы ВК.
  • Кликните правой кнопкой мыши по блоку участники (подписчики) и нажмите «Копировать адрес ссылки».
  • Поместив ссылку, например, в адресную строку, вы увидите ссылку типа
    http://vk.com/search?c[section]=people&c[group]=24586581. Последние цифры в этой ссылке и есть ID группы.
  • Добавьте на страницу вики, где вы хотите видеть виджет ВК, следующий код:
    • <vk group-id="24586581"/>
  • Виджет готов!
Виджет Фэндома в ВК (небольшой)

Виджет ВК имеет несколько настраиваемых параметров. О них можно узнать на этой странице, раздел «Дополнительные настройки», строка Options.

Например, код:

<vk group-id="24586581" width="auto" height="auto" color1="#f2f6fa" color2="#00b7e0" color3="#00b7e0" />

Даст вам следующий вариант виджета (с настройками "auto", виджет растянется по всей ширине левой или правой колонки или по всему экрану мобильного устройства. В нашем случае виджет растянут по ширине правой колонки Вики Сообщества):

Виджет Фэндома в ВК

Виджеты Facebook Править

Facebook — самая популярная социальная сеть в мире. Здесь можно найти множество официальных сообществ и страниц различных компаний, проектов, видеоигр, фильмов и др. Добавить виджеты Facebook на страницы вики можно, используя специальные теги викитекста.

Кнопка «Мне нравится»
<fb:like></fb:like>

Добавив код share="true", вы отобразите кнопку «Поделиться» рядом с кнопкой «Мне нравится».

<fb:like share="true"></fb:like>

Кнопка «Поделиться»
<fb:share-button layout="button_count"></fb:share-button>

Для layout существуют следующие параметры «box_count», «button_count», «button», «link», «icon_link» и «icon». Подробнее смотрите здесь.

Окно с рекомендациями
<fb:recommendations></fb:recommendations>

<fb:recommendations></fb:recommendations>

Окно со страницей Facebook
<div class="fb-page" data-href="https://www.facebook.com/ru.fandom"></div>
 

Настраиваемые параметры:

  • data-show-posts="true" — показывает свежие посты со страницы;
  • data-show-facepile="false" — не показывает аватары людей, которым нравится страница;
  • data-small-header="true" — сделает изображение заголовка меньше;
  • data-hide-cover="true" — скроет изображение заголовка;
  • width="ххх" и height="ххх" — настройка ширины и длины виджета.

Например, код:

<div class="fb-page" data-href="https://www.facebook.com/getfandom" data-small-header="true" data-show-facepile="false" data-show-posts="true"></div>

Даст вам следующий вариант виджета:

 

Новостная лента Twitter Править

Справка-новостная лента твиттера

Новостная лента Твиттера

Добавить новостную ленту из Твиттера на страницу вашей вики довольно легко — просто следуйте инструкциям ниже:

  • В режиме исходного кода используйте следующее:
    <twitter screen-name="ru_fandom" />
  • Замените «ru_fandom» на название нужной ленты Твиттера, например «HarryPotterFilm».

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

Например, если вы хотите сделать длину ленты («height») в 500 пикселей («500 pixels»), вам нужно будет добавить следующий код:

<twitter screen-name="ru_fandom" height="500" />

Чтобы использовать тёмный фон для ленты, используйте:

<twitter screen-name="ru_fandom" height="500" theme="dark" />

Добавить интерфейс Твиттера на русском (или любом другом языке) можно так:

<twitter screen-name="ru_fandom" height="500" theme="dark" lang="ru" />

Примечание. Старый способ вставки виджета Твиттера через «widget-id» (пример: <twitter widget-id="345311016592228352" />) будет продолжать работать.

Советы Править