Как заставить работать ссылки авторизации через социальные сети встроенные в шаблон?
Как заставить работать («оживить») ссылки авторизации через социальные сети, которые были вставлены в шаблон его автором, но не активные т.к. никуда не ведут и сделаны в декоративных целях (демо дизайна) на примере плагина AutoOpenId?
Для этого нужно в месте ссылок на социальные сети вставить любые теги со следующими значениями атрибутов class и data-service:
Сами теги могут быть любыми (a, li и т.п.), которые автор шаблона использовал для дизайна, главное — в класс добавить нужные значения и не забыть про data атрибут.
Все кнопки будут работать, естественно, если вы настроили работу плагина AutoOpenId согласно инструкции, которая прилагается к нему.
Данный топик написан в связи с тем, что некоторая часть пользователей испытывает затруднения после покупки разных шаблонов и плагина авторизации через соц сети: на форме авторизации кнопки входа соцсетей есть, но также есть несколько кнопок на основной странице, добавленных самим автором шаблона как элемент дизайна и имеющих соответственный вид, но они не работают сами по-себе т.к. добавлены в демо целях. В таких ситуациях подразумевается что шаблон нуждается в правке ручками, но все больше пользователей, далеких от веб разработки, создают сайты на ливстрите и иногда возникают вопросы подобного характера.
Хочу заметить что я не являюсь автором плагина 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 комментариев