Волчья писька
Проверенные
- Сообщения
- 625
- Реакции
- 626
- Баллы
- 8,225
Добавляем кнопки социальных сетей на главную страницу форума XenForo
ВКонтакте
Итак, для добавления любой кнопки ВКонтакте нам нужно сначала авторизоваться на сайте вконтакте и перейти на страницу добавления сайта + создания приложения
После ввода каптчи откроется новая страница на которой мы можем добавить иконку приложения и т.д.
Внимание! На этой странице мы увидим ID приложения, который нам потом понадобится при добавлении кода.
Сохраняем изменения.
Теперь идём в админку форума, находим и открываем шаблон PAGE_CONTAINER
Найти:
Выше добавить:
Сохранить изменения.
Открыть шаблон sidebar_share_page
Найти:
Ниже добавить:
Не забудьте ввести ID приложения.
Сохранить изменения.
~~~~~~~~~~~~~~~~~~~~~~~~~~
Одноклассники
Здесь всё проще.
Открыть шаблон header
В самый конец шаблона добавить:
Сохранить изменения.
Открыть шаблон sidebar_share_page
Найти:
Ниже добавить:
Внимание! Замените ссылку на ссылку своего форума.
Сохраните изменения.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Мой Мир@Mail.Ru
А здесь всё ещё проще.
Открыть шаблон sidebar_share_page
Найти:
Ниже добавить:
Сохранить изменения.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Вот и всё. Логика добавления надеюсь понятна, теперь можете добавлять и другие кнопки типа "Сохранить", "Поделиться" и т.д.
По умолчанию в XenForo уже есть кнопки Твиттера и Фейсбука, давайте разберём процесс добавления кнопок соц. сетей на примере ВКонтакте, Одноклассники и Mail.ru (см. скриншот)ВКонтакте
Итак, для добавления любой кнопки ВКонтакте нам нужно сначала авторизоваться на сайте вконтакте и перейти на страницу добавления сайта + создания приложения
После ввода каптчи откроется новая страница на которой мы можем добавить иконку приложения и т.д.
Внимание! На этой странице мы увидим ID приложения, который нам потом понадобится при добавлении кода.
Теперь идём в админку форума, находим и открываем шаблон PAGE_CONTAINER
Найти:
HTML:
</head>Выше добавить:
HTML:
<script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="UTF-8"></script>Открыть шаблон sidebar_share_page
Найти:
HTML:
</xen:contentcheck>
Код:
<div class="shareControl"><script type="text/javascript">
VK.init({
apiId: ВАШ_ID_ПРИЛОЖЕНИЯ,
onlyWidgets: true
});
</script></div>
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>Сохранить изменения.
~~~~~~~~~~~~~~~~~~~~~~~~~~
Одноклассники
Здесь всё проще.
Открыть шаблон header
В самый конец шаблона добавить:
HTML:
<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"><script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script>Сохранить изменения.
Открыть шаблон sidebar_share_page
Найти:
HTML:
</xen:contentcheck>Ниже добавить:
HTML:
<div class="shareControl"><a class="odkl-klass" href="http://aquamarinemusic.ru/forum/" onclick="ODKL.Share(this);return false;" ><span>0</span></a></div>Внимание! Замените ссылку на ссылку своего форума.
Сохраните изменения.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Мой Мир@Mail.Ru
А здесь всё ещё проще.
Открыть шаблон sidebar_share_page
Найти:
HTML:
</xen:contentcheck>Ниже добавить:
HTML:
<div class="shareControl"><a target="_blank" class="mrc__plugin_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'type' : 'button', 'width' : '150'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script></div>Сохранить изменения.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Вот и всё. Логика добавления надеюсь понятна, теперь можете добавлять и другие кнопки типа "Сохранить", "Поделиться" и т.д.
