Как заставить работать ссылки авторизации через социальные сети встроенные в шаблон?

FAQ
Как заставить работать («оживить») ссылки авторизации через социальные сети, которые были вставлены в шаблон его автором, но не активные т.к. никуда не ведут и сделаны в декоративных целях (демо дизайна) на примере плагина AutoOpenId?

Для этого нужно в месте ссылок на социальные сети вставить любые теги со следующими значениями атрибутов class и data-service:

Для Facebook

class="js-autoopenid-auth openid-service-facebook-sm" data-service="facebook"

Для ВКонтакте

class="js-autoopenid-auth openid-service-vkontakte-sm" data-service="vkontakte"

Для Twitter

class="js-autoopenid-auth openid-service-twitter-sm" data-service="twitter"

Для Google

class="js-autoopenid-auth openid-service-google-sm" data-service="google"

Для Яндекс

class="js-autoopenid-auth openid-service-yandex-sm" data-service="yandex"

Для Mail.Ru

class="js-autoopenid-auth openid-service-mailru-sm" data-service="mailru"

Для Одноклассники

class="js-autoopenid-auth openid-service-odnoklassniki-sm" data-service="odnoklassniki"

Сами теги могут быть любыми (a, li и т.п.), которые автор шаблона использовал для дизайна, главное — в класс добавить нужные значения и не забыть про data атрибут.

Пример
Все кнопки социальных сетей вместе:

<ul>
  <li title="Facebook" class="js-autoopenid-auth openid-service-facebook-sm" data-service="facebook"></li>
  <li title="ВКонтакте" class="js-autoopenid-auth openid-service-vkontakte-sm" data-service="vkontakte"></li>
  <li title="Twitter" class="js-autoopenid-auth openid-service-twitter-sm" data-service="twitter"></li>
  <li title="Google" class="js-autoopenid-auth openid-service-google-sm" data-service="google"></li>
  <li title="Яндекс" class="js-autoopenid-auth openid-service-yandex-sm" data-service="yandex"></li>
  <li title="Mail.Ru" class="js-autoopenid-auth openid-service-mailru-sm" data-service="mailru"></li>
  <li title="Одноклассники" class="js-autoopenid-auth openid-service-odnoklassniki-sm" data-service="odnoklassniki"></li>
</ul>


Все кнопки будут работать, естественно, если вы настроили работу плагина AutoOpenId согласно инструкции, которая прилагается к нему.

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

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