1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Добавляем кнопки социальных сетей на главную страницу форума

Тема в разделе "Модификации шаблонов", создана пользователем TAIFUN, 30 апр 2011.

Загрузка
  1. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.120
    Симпатии:
    1.558
    Версия XF:
    1.5.9
    Добавляем кнопки социальных сетей на главную страницу форума XenForo
    (обновлена инструкция добавления ВКонтакте; 14.11.2011; для всех версий XenForo)​

    Периодически пользователи спрашивают или задаются таким вопросом "Как мне добавить кнопку Вконтакте (Мне нравится), Одноклассники (Класс) и так далее"

    Snap_2011.04.30_16h12m03s_004.png
    По умолчанию в XenForo уже есть кнопки Твиттера и Фейсбука, давайте разберём процесс добавления кнопок соц. сетей на примере ВКонтакте, Одноклассники и Mail.ru (см. скриншот)

    ВКонтакте
    Итак, для добавления любой кнопки ВКонтакте нам нужно сначала авторизоваться на сайте вконтакте и перейти на страницу добавления сайта + создания приложения http://vkontakte.ru/editapp?act=create&site=1
    1.png
    После ввода каптчи откроется новая страница на которой мы можем добавить иконку приложения и т.д.
    Внимание! На этой странице мы увидим ID приложения, который нам потом понадобится при добавлении кода.
    2.png
    Сохраняем изменения.

    Теперь идём в админку форума, находим и открываем шаблон PAGE_CONTAINER

    Найти:

    HTML:
    </head>
    Выше добавить:
    HTML:
    <script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
    
    Сохранить изменения.

    Открыть шаблон sidebar_share_page

    Найти:
    HTML:
    </xen:contentcheck>
    Ниже добавить:
    HTML:
    <script type="text/javascript">
    VK.init({apiId: ID ПРИЛОЖЕНИЯ, onlyWidgets: true});
    </script>
    <div id="vk_like">
    <script type="text/javascript">
    VK.Widgets.Like("vk_like", {type: "button"});
    </script></div>
    
    Не забудьте ввести ID приложения.

    Сохранить изменения.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~

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

    Здесь всё проще.

    Открыть шаблон 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>

    Внимание! Замените ссылку http://aquamarinemusic.ru/forum/ на ссылку своего форума.

    Сохраните изменения.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Мой Мир@Mail.Ru

    А здесь всё ещё проще.

    Открыть шаблон sidebar_share_page

    Найти:
    HTML:
    </xen:contentcheck>

    Ниже добавить:
    HTML:
    <div class="shareControl">
    <a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'sz' : '20', 'st' : '1', 'tp' : 'mm'}">Нравится</a>
    <script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
    </div>
    Сохранить изменения.
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Вот и всё. Логика добавления надеюсь понятна, теперь можете добавлять и другие кнопки типа "Сохранить", "Поделиться" и т.д.
     
    Последнее редактирование: 31 окт 2015
    Flash777, Ranmaru Rei, aresstokrat и 35 другим нравится это.
  2. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    а как сделать такое же, но чтобы было в темах?
     
  3. Андрей Х

    Андрей Х Местный

    Регистрация:
    26.04.11
    Сообщения:
    139
    Симпатии:
    125
    Версия XF:
    1.5.10
    Вообще по аналогии, добавляем это в тот шаблон в который надо. Я себе, везде где хотел повтыкал и все отлично. Сложности не вызывает.
     
  4. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    а какие именно шаблоны отвечают за отображение этих сервисов внизу темы?
     
  5. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.120
    Симпатии:
    1.558
    Версия XF:
    1.5.9
    Для того чтобы в темах были кнопки соц. сетей нужно добавить код в шаблон share_page
     
    Crunk, mono, Diesel_craft и ещё 1-му нравится это.
  6. Дмитрий Селецкий

    Дмитрий Селецкий Read only

    Регистрация:
    26.05.11
    Сообщения:
    4
    Симпатии:
    0
    Все кроме вконтакте добавляются почему то.. Вконтакте чтото про API втирает..
     
  7. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    такая же проблема =(
     
  8. Андрей Х

    Андрей Х Местный

    Регистрация:
    26.04.11
    Сообщения:
    139
    Симпатии:
    125
    Версия XF:
    1.5.10
    openapi то в head не забываем добавить ?
     
  9. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    всё, получилось, но как сделать, чтобы кнопка была на одной строке с другими, а не ниже их?
     
  10. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.120
    Симпатии:
    1.558
    Версия XF:
    1.5.9
    Что именно?

    Скриншот в студию и кусочек кода который добавляли.
     
  11. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    1.png
    HTML:
    <div class="shareControl"><script type="text/javascript">
      VK.init({
        apiId: 2192249,
        onlyWidgets: true
      });
    </script></div>
    <div id="vk_like"></div>
    <script type="text/javascript">
    VK.Widgets.Like("vk_like", {type: "button"});
    </script>
    Весь шаблон share_page:
    HTML:
    <xen:if hascontent="true">
        <xen:require css="share_page.css" />
    
        <div class="sharePage">
            <h3 class="textHeading larger">{xen:phrase share_this_page}</h3>
            <xen:contentcheck>
                <xen:if is="{$xenOptions.tweet.enabled}">
                    <div class="tweet shareControl">
                        <a href="http://twitter.com/share" class="twitter-share-button"
                            data-count="horizontal"
                            data-lang="{xen:helper twitterLang, $visitorLanguage.language_code}"
                            data-url="{$url}"
                            {xen:if {$thread.title}, 'data-text="{$thread.title}"'}
                            {xen:if {$xenOptions.tweet.via}, 'data-via="{$xenOptions.tweet.via}"'}
                            {xen:if {$xenOptions.tweet.related}, 'data-related="{$xenOptions.tweet.related}"'}>{xen:phrase tweet}</a>
                    </div>
                </xen:if>
                <xen:if is="{$xenOptions.facebookLike}">
                    <div class="facebookLike shareControl">
                        <xen:container var="$facebookSdk">1</xen:container>
                        <fb:like href="{$url}" show_faces="true" width="500" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like>
                    </div>
                </xen:if>
            </xen:contentcheck>
    <div class="shareControl"><script type="text/javascript">
      VK.init({
        apiId: 2192249,
        onlyWidgets: true
      });
    </script></div>
    <div id="vk_like"></div>
    <script type="text/javascript">
    VK.Widgets.Like("vk_like", {type: "button"});
    </script>
        </div>
    </xen:if>
     
  12. Gatses

    Gatses Местный

    Регистрация:
    05.02.11
    Сообщения:
    421
    Симпатии:
    579
    Версия XF:
    1.5.9
    А в шаблон PAGE_CONTAINER код
    Код:
    <script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="UTF-8"></script>
    
    не добавлен?
     
  13. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    добавлен...сначала я ошибся и добавил ниже когда который написан в первом посте...но исправил и кнопка появилась, но появилась ниже всех остальных =(
     
  14. Gatses

    Gatses Местный

    Регистрация:
    05.02.11
    Сообщения:
    421
    Симпатии:
    579
    Версия XF:
    1.5.9
    А, извиняюсь. Я не прочел про то, что кнопку надо выше. Думал до сих пор проблема с кнопкой)
     
  15. Дмитрий Селецкий

    Дмитрий Селецкий Read only

    Регистрация:
    26.05.11
    Сообщения:
    4
    Симпатии:
    0
    Все коды добавлены, но вместо кнопки надпись - Open API security breach
    --- добавлено : May 27, 2011 2:37 PM ---
    вот
     

    Вложения:

  16. TAIFUN

    TAIFUN Человек

    Регистрация:
    27.09.10
    Сообщения:
    2.120
    Симпатии:
    1.558
    Версия XF:
    1.5.9
    2 devil0704, подождём наших дизайнеров.
     
  17. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.736
    Симпатии:
    5.263
    Версия XF:
    1.5.10
    А если заменить
    Код:
    <div id="vk_like"></div>
    на
    Код:
    <div id="vk_like" class="shareControl"></div>
     
    shamilian, PaCTa, Crunk и ещё 1-му нравится это.
  18. devil0704

    devil0704 Местный

    Регистрация:
    23.05.11
    Сообщения:
    88
    Симпатии:
    16
    Версия XF:
    1.1.4
    Получился такой код:
    Код:
    <div class="shareControl"><script type="text/javascript">
      VK.init({
        apiId: 2192249,
        onlyWidgets: true
      });
    </script></div>
    <div id="vk_like" class="shareControl"></div>
    <script type="text/javascript">
    VK.Widgets.Like("vk_like", {type: "button"});
    </script>
    Но ничего не изменилось =(
     
  19. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.558
    Симпатии:
    1.588
    Версия XF:
    1.5.9
    Эта ошибка куков. Зайдите с другого браузера на ваш сайт по оригинальной ссылке.
     
  20. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.736
    Симпатии:
    5.263
    Версия XF:
    1.5.10
    Раз не помогает, то давайте ссылку на рабочий форум.
     

Поделиться этой страницей