Викия

ru-Викия

коммент.5

SocialIcons - простая интеграция соцсетей в Вашу вики

Ни для кого не секрет, что популярность википроекта, да и вообще любого сервиса или сообщества в сети зависит от его уникальности и дружественности к его участникам. Дружественный википроект - это не просто вики с вежливой, готовой оказать помощь участникам администрацией, но и с удобным, гибким и понятным интерфейсом и приятным оформлением. В создании дружественного интерфейса на Викия немаловажную роль играют дополнительные скрипты и расширения. Но как показывает практика (и к сожалению), далеко не все администраторы обладают достаточными знаниями для того чтобы написать свои собственные расширения для своих википроектов. К счастью, силами заинтересованных участников-волонтёров и сотрудников Викия создаются базы готовых расширений, установка которых под силу даже совсем не подкованных технически участникам. Большинство этих расширений и скриптов, равно как и стилей CSS, хранятся на Wikia Developers Wiki, и в ближайшее время мы рассмотрим наиболее популярные скрипты, хранящиеся на этой вики. А начнём, пожалуй, с расширения под названием SocialIcons, весьма популярного на англоязычной Викия.

Данный скрипт был написан сотрудниками Викия MarkvA и Rappy 4187 и дополнен рядом участников и сотрудников Викия.

Скрипт позволяет помещать на страницы вики простой и удобный виджет с иконками наиболее популярных соц. сетей - Facebook, Google+, Twitter и ВКонтакте (поддержка ВКонтакте реализована только для русскоязычных пользователей). SocialIcons имеет ряд настраиваемых параметров, таких как цветовая схема, размер и расположение иконок (полный список параметров указан ниже).

Импорт и настройка SocialIcons

Для установки SocialIcons на вики достаточно импортировать следующий код в MediaWiki:Common.js:

importScriptPage('SocialIcons/code.js', 'dev');

Если на вашей вики для подгрузки внешних скриптов используется метод importArticles, добавьте в список импортируемых скриптов строчку 'u:dev:SocialIcons/code.js' (если нет - самое время перейти на importArticles, это ускорит загрузку и выполнение внешних скриптов ;)

Если вы хотите изменить стандартное отображение иконок, вам необходимо создать объект с конфигурационными переменными, и разместить его перед импортом кода. Список возможных конфигурационных переменных и их значений:

  • position - устанавливает одно из двух фиксированных положений иконок. Можно присвоить значение top и bottom, по умолчанию установлено top.
  • colorScheme отвечает за цветовую схему иконок. Могут быть установлены значения dark, light и color.
  • buttonSize устанавливает размер иконок. По умолчанию размер - 21px.
  • wikiTwitterAccount - позволяет прописать аккаунт википроекта в Twitter, если такой существует. По умолчанию переменная имеет значение default.
  • SocialMediaButtonsNamespaces представляет собою массив, куда можно записать номера пространств имён, на страницах которых будут появляться соц. иконки. По умолчанию установлена как [0, 6, 14, 500] (пространства имён статей, файлов, категорий и блогов). Список пространств имён можно просмотреть в Справке.

Вот так выглядит пример заполненной конфигурационной переменной:

var SocialMediaButtonsNamespaces = [0, 6, 14, 500];
var SocialMediaButtons = { 
	position: "top",
	colorScheme: "color",
	buttonSize: "35px",
	wikiTwitterAccount: "default"
};

Пример работы данного расширения можно увидеть прямо здесь, на Вики Сообщества.

Если у вас возникли вопросы, или вы хотите написать отзыв по поводу расширения, оставьте свои комментарии ниже. Вы можете обратиться ко мне на стену обсуждения, если у вас возникнут какие-либо трудности с установкой SocialIcons или других расширений и скриптов. Вы также можете посетить страницу с описанием скрипта на Developers Wiki.

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

Викия-сеть

Случайная вики