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

Віджети 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/uk.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="uk_fandom" />
  • Замініть «uk_fandom» на назву потрібної стрічки Твіттера, наприклад «HarryPotterFilm».

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

Наприклад, якщо ви хочете зробити довжину стрічки («height») в 500 пікселів («500 pixels»), вам потрібно буде додати наступний код: <twitter screen-name="uk_fandom" height="500" />

Щоб використовувати темний фон для стрічки, використовуйте: <twitter screen-name="uk_fandom" height="500" theme="dark" />

Додати інтерфейс Твіттера українською (або будь-якому іншому мовою) можна так: <twitter screen-name="uk_fandom" height="500" theme="dark" lang="uk" />

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

Community content is available under CC-BY-SA unless otherwise noted.