Шаг №22.Устанавливаем кнопки социальных сетей на сайт.

Приветствую Вас друзья на своем сайте,а  речь сегодня пойдет о установке кнопок социальных сетей  на сайт.

Существует много разнообразных способов установить кнопки социальных сетей на сайт:

  • Устанавливать отдельно к каждому сервису свою кнопку;
  • Установить панель с социальными кнопками на сайт воспользовавшись сторонним сервисом.

Я воспользовался вторым способом и выбрал вот такую панель с кнопками:

кнопки социальных сетей wordpress

В первом случае каждую кнопку необходимо вписывать в шаблон сайта,во втором же случае Вам необходимо только один раз внести код.

Устанавливаем кнопки социальных сетей на сайт.

Если Вы желаете установить такую же панель к себе на сайт,тогда прошу следовать инструкции:

1) Идем на сайт http://Share42.com

wordpress социальные кнопки

2)Выбираем размер кнопок социальных сетей,которые впишутся в Ваш дизайн.

Я решил,что на своем сайте http://wpcreate.ru буду использовать размер 32 на 32.

кнопки социальных сетей для сайта

3)Теперь Вам необходимо выбрать какие именно сервисы мы будем отображать на сайте.

Для себя я выбрал самые распространённые такие как Twitter, Facebook, Google, Вконтакте,Одноклассники,Яндекс, Мой круг.

Отмечаем выбранные сервисы мышкой:

социальные кнопки на сайт

4)Отмечаем нужные опции галочкой:

кнопки социальных сетей wordpress

  • Как видите есть возможность выбрать горизонтальную панель,или вертикальную.

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

  • Выбрать кодировку сайта.Так как у меня UTF-8 выбираю именно эту опцию.
  • Язык подсказок-это понятно,на каком языке будет подсвечиваться подсказки.
  • Если у Вас на сайте транслируется RSS лента,тогда необходимо выбрать пиктограмму RSS

wordpress социальные кнопки

И вписать адрес Вашей RSS ленты в соответствующее поле “Ссылка на RSS вашего сайта”.

5)Скачайте готовый скрипт и мы приступим к установке кнопок социальных сетей на сайт.

кнопки социальных сетей для сайта

6)Теперь нам необходимо закачать данный скрипт на хостинг,воспользуемся FTP и программой FileZilla.

Урок о том как закачать файлы на FTP сервер мы проходили в шаге №15 думаю вопросов в этой части не будет.

Распаковываем скачанный скрипт на компьютер желательно на рабочий стол.

социальные кнопки на сайт

Открываем FileZilla, подключаемся к Вашему серверу и копируем папку с рабочего стола в папку с Вашим сайтом на сервере.

кнопки социальных сетей wordpress

Теперь необходимо вернуться на сайт share42.com и заполнить расположение папки share42.Вместо wpcreate.ru впишите доменное имя Вашего сайта.Что такое доменное имя мы рассматривали в уроке Шаг №14. Как зарегистрировать доменное имя и хостинг.

wordpress социальные кнопки

Ставим галочку о том что у нас WordPress.

7)Теперь кнопки социальных сетей необходимо добавить в шаблон на WordPress.

Открываем папку с нашим шаблоном через FileZilla.

Необходимо найти файл single.php который находится в папке с шаблоном.

Структуру шаблона мы рассматривали в ранних уроках.

Нажимаем по нему правой кнопкой мыши и выбираем пункт “Просмотр/Правка”.

кнопки социальных сетей для сайта

Теперь нужно найти место,в которое необходимо вставить код кнопок социальных сетей.

Выводить кнопки будем после текста статьи,а значит в файле single.php ищем примерно такой код:

<?php the_content(»);?>

после него нам необходимо вставить код который копируем с сайта share42.com:

социальные кнопки на сайт

Сохраните файл single.php и согласитесь изменить его на сервере.

кнопки социальных сетей wordpress

Нажимаем да.

8)Дело осталось за малым,скопировать код CSS для оформления кнопок социальных сетей.

Идем на сайт share42.com и находим нужный нам код:

wordpress социальные кнопки
Копируйте код,теперь идем в консоль WordPress->Внешний вид->Редактор, прокручивайте в самый низ и вставляйте код:

кнопки социальных сетей для сайта

Теперь осталось сохранить файл,нажимаем :

социальные кнопки на сайт

Теперь можно посмотреть как выглядят кнопки социальных сетей на сайте.

Переходим в любую статью,прокручиваем до конца статьи и наблюдаем:

кнопки социальных сетей wordpress

Ребят, если не понятно куда нужно вставить код в Вашей теме,напишите название шаблона в комментариях, а я подскажу в каком месте нужно вставлять код.

На этом все.Если у Вас остались вопросы по прохождению этого шага,пишите в комментарии.До скорых встреч.В следующем уроке мы поговорим о Статистике посещения сайта.

  • http://zimarev.ru/ Zimarev

    Ае, огромное спасибо! Разобрался наконец то 😀

    • http://wpcreate.ru Артем Петрусенко

      Всегда пожалуйста)

  • http://moesms.ru/ Константин

    А у меня не вставляется :(, точнее не отображаются.

    • http://wpcreate.ru Артем Петрусенко

      На ftp папку забросили?

  • http://sozdaiblog.ru Денис Черников

    Самая извечная проблема — это установить кнопки социальных сетей в один ряд! Постоянно с этим у всех возникают трудности!

  • Анна

    Скажите, а можно скаченный файл загрузить сразу на хостинг?

    • http://wpcreate.ru Артем Петрусенко

      Конечно можно!

      • Анна

        Проконсультируйте, пожалуйста. Мои действия: я загружаю полученный файл сразу на хостинг, в шаблон вставляю код? Кнопки уже будут работать? Я правильно поняла?

        • http://wpcreate.ru Артем Петрусенко

          Поподробнее, вы загружаете файл через ftp? После того как загрузили папку с скриптом,нужно вернуться на сайт и вписать путь на хостинге к скрипту,после чего сгенерированный код нужно добавить в файл шаблона.Если у вас не получается,могу помочь.

          • http://avatariathebest.ru SocialTalk

            немогу поставить кнопки на сайт они тупо не отображаются, 🙁

  • МИхаил

    Залил на фтп, скрипт вставил, но через некоторое время, при входе на сайт, выскакивает окно и просит лог и пас для фтп, если ввести данные, то кнопки будут отображаться, если не вводить, то не видно их… как же для пользователей сайта быть? не давать же им всем пароль от фтп)))

    • http://wpcreate.ru Артем Петрусенко

      Напишите мне на почту адрес сайта admin@wpcreate.ru

  • http://stroim-sajt-sami.ru Иван

    Объясните, пожалуйста, что такое консоль и где она находится и где находится надпись «внешний вид»?
    Shar 42.com скачал дважды,но при распаковке выдаёт: «архив повреждён или имеет неизвестный формат» В чём тут дело?

    • http://wpcreate.ru Артем Петрусенко

      Здравствуйте, для того что бы попасть в консоль нужно перейти по ссылке http://адрес вашего сайта вставить тут/wp-admin/index.php и потом в левой панели увидите надпись внешний вид.Попробуйте еще раз скачать архив,если не получится назовите сервисы которыми хотите пользоваться,я для вас скачаю архив и отправлю на почту.

  • Man

    Так все хорошо шло, но у меня нет такой строчки

    • http://wpcreate.ru Артем Петрусенко

      Какой именно?

  • Man

    Здравствуйте! Забыл вставить. Выводить кнопки будем после текста статьи,а значит в файле single.php ищем примерно такой код:

    нет такой в файле, может есть другая какая, что бы мне найти где это код. Спасибо.

  • Man

    Нет я вставляю, просто этот код видно обрезается вот еще пробую.

    • http://wpcreate.ru Артем Петрусенко

      Как тема называется?

  • Man

    php the_content(»)

    • http://wpcreate.ru Артем Петрусенко

      Название шаблона напишите пожалуйста.

  • Man

    Две пробовал мою Golden Fields и дефолтную Twenty Ten

    • http://wpcreate.ru Артем Петрусенко

      Попробуйте вставить этот код перед строчкой < ?php comments_template(); ?> в файле single.php темы Golden Fields, и напишите получилось или нет.

  • Man

    Нет не получилось. Вы просто тогда вышлите кусок кода который отвечает за текст статьи, что бы мне в конце его вставить этот код. Просто я не знаю какой код за что отвечает.

  • Man

    В смысле, что бы хотя бы без поиска стрил F так визуально стравнивать и находить.

    • http://wpcreate.ru Артем Петрусенко

      Вставьте после кода echo $metadataContent; я установил и проверил,работает.

    • http://wpcreate.ru Артем Петрусенко

      Код в первый раз не вставился ?php echo $metadataContent; ?

  • Man

    Спасибо! Пока все вставил, кнопок пока нет, пробую еще вечером. Хотя мне кажется что то с браузером, хотя и есть кнопка обновления, но не знаю работает ли она на сомом деле, тоже самое было и фавиконом. Позже отпишусь.

  • Man

    Спасибо! Кнопки появились. Правда вверху статей, а как бы их перенести в конец страницы вниз? И правда с браузером что то.

    • http://wpcreate.ru Артем Петрусенко

      Попробуйте поэкспериментируйте с кодом, подставляйте его в разные места.

  • Man

    Да, все! спасибо огромное Артем, Вы мне очень помогли. Вниз его согнал, как писали выше в comments_template() он у меня получился как бы между статьей и комментариями пусть пока там может ему там и место. Удачи!

    • http://wpcreate.ru Артем Петрусенко

      Очень рад ,что у Вас получилось, заглядывайте еще в будущем на этот сайт!

  • Man

    Здравствуйте. Скажите, а как поменять цвет в дефолтной теме вордпресс, просто сами страницы слишком светлые как и на вашем сайте, мне нужно изменить на кремовый. В общем как это сделать? Спасибо!

    • http://wpcreate.ru Артем Петрусенко

      Здравствуйте,помогу с удовольствием.Назовите название темы,какая версия?

      • Man

        Здравствуйте Артем! Тема дефолтная Twenty Ten а версия не знаю какая сейчас, самая последняя, я обновлялся.

        • Man

          У меня стоит WordPress 3.4.1.

          • http://wpcreate.ru Артем Петрусенко

            Вам нужно открыть файл style.css и найти поиском такую строку — «#wrapper { » и заменить свойство background:white; на background:#FFFDD0; сохранить изменения, и посмотреть на сайте что изменилось.
            А вообще что бы отследить какой блок меняется удобно воспользоваться браузером либо mozilla firefox либо chrome.Я пользуюсь хромом, щас скину ссылку на урок в котором я писал как отслеживать где какие блоки на сайте. http://wpcreate.ru/step/znakomstvo-s-razmetkoy-shablona-wordpress.html

  • http://uglory.ru Юлия

    Cпасибо огромное! Доходчиво и просто!
    Отличный и полезный блог!!! Успехов!!!

    • http://wpcreate.ru Артем Петрусенко

      Пожалуйста, заглядывайте еще на новые уроки!

      • Man

        Спасибо Артем! Теперь я буду знать какой файл отвечает за стили и где вносить изменения, цвет изменился, осталось только подобрать его в онлайн генераторе. Очень доходчиво.

        • http://wpcreate.ru Артем Петрусенко

          Правильно,именно эту мысль я и хотел донести!

  • ман

    Здравствуйте Артем. Вот еще есть вопрос. Как в теме Golden Fields сделать чтобы размер текста и сам шрифт был как в дефолтной теме или как у Вас. Просто он мелкий. Я пробовал у меня не получилось, может неправильно. Вы ведь скачивали тему Golden Fields попробуйте и отпишитесь. Слишком маленький размер по умолчанию. Спасибо!

    • http://wpcreate.ru Артем Петрусенко

      Здравствуйте, посмотрите в файле style.css строчку .art-PostContent{
      в ней есть параметры font-family: и font-size: 12px; так вот чтобы увеличить просто размер измените font-size к примеру 15px. Для того что бы сделать шрифт как у меня нужно в свойство font-family: установить шрифт»Georgia»;

      • ман

        Спасибо Артем. Вы прям «Добрый Фей» все понятно и просто. Есть еще вопрос по теме Golden Fields но мне самому не удобно, получается перебор. Ладно все же спрошу. Просто мне эта тема нужна, желтого цвета. Можно ли убрать левый сайдбар и сделать шаблон с двумя колонками как у Вас? Сайдбар понятно убрал в виджетах, а вот как поле текста растянуть до левого края? Или это трудно ковыряться в чужом коде, а легче делать сначала. Спасибо.

        • http://wpcreate.ru Артем Петрусенко

          Пожалуйста)Значит так, для начала нужно залезть в файл style.css и найти поиском строчку
          .art-contentLayout .art-content {
          Значение width: установить в 780px; После чего сохранить этот файл.
          Теперь нам нужно удалить левый сайдбар из файлов шаблона,для этого откройте файл sidebar1.php который находится в папке Golden_Fields и удалите все что в нем находится,он должен стать пустым,после чего сохраните его.
          После всех манипуляций тема станет двух-колоночной,как у меня.Отпишитесь если получится.

  • ман

    Спасибо Артем! Как всегда все просто и понятно. Все сделал! Просто я как то давно пользовался или точней знакомился с вордпрессом, и устанавливал плагины. В общем было интересно. На жумле все было установлено, форум, интернет магазин, доска объявлений, гостевая комната. В общем все, уже было собрано на хостинге, только заходи в приложения и устанавливай. Но как то жумла слишком сильный и мощный движок, не лежала к нему душа, хотя интересуюсь иногда как там дела и что нового. А вордпресс сразу понравился и решил на него все установить, доску объявлений и форум. В общем так и не нашел как растянуть что бы форум был на всю страницу без сайдбаров, а текст что бы был с сайдбаром. Через поисковик не получилось, писал один раз кто занимается шаблонами мне ответили, что это трудно чужой код, и легче новую тему делать. В общем не получилось тогда, а потом уже было написано что форум на вордпресс это не есть хорошо. Хотя все равно было интересно. А сейчас снова хочу делать сайт на вордпресс, нравится он мне. А тут еще ваш сайт подвернулся. Спасибо.

    • http://wpcreate.ru Артем Петрусенко

      Что касается форума я бы не стал его организовывать через плагины,я бы лучше установил отдельно форум под названием phpBB и дизайн ему сделал под общий вид сайта.Тогда можно убить двух зайцев:
      -профессиональный форум
      -дизайн форума настраиваемый
      Ну а что касается интеграции форума непосредственно на сайт на wordpress делается все очень просто, создается определенный шаблон страницы, код для этой страницы можно взять из файла page.php только немного подредактировать и убрать сайдбары.
      Тогда на страничке форум сайдбаров не будет, а на всех остальных по умолчанию.
      Будут еще вопросы, не стесняйтесь, обращайтесь.Рад помочь Вам.

      • ман

        Спасибо. Нет я не правильно выразился. Хочу просто блог, что бы было интересно, самому и другим просто уникальный текст и комментарии. Без регистрации. И без всяких форумов. Ну может в крайнем случае не большой интернет магазин для пробы, верней он стоит. Но пока думаю стоит ли мне втягиваться в это, ведь это дело серьезное и надолго. Если все пойдет то можно будет купить отдельный магазин. А так у меня есть другой сайт на другом движке, где есть и форум и доска объявлений и чат и все есть, есть возможность установить платный модуль интернет магазина. Просто вордпресс будет блогом, статьи, комментарии и картинки.

      • http://oceancat.ru Кир

        Пытался прикручивать phpBB к WP, пока получается криво. Хочу общую базу пользователей со сквозной регистрацией, но такого сейчас, кажется, нет. Для старых версий были способы, но увы…

  • Ман

    А как узнать ftp-сервер своего сайта?

    • http://wpcreate.ru Артем Петрусенко

      В админке хостинга можно посмотреть.

    • ман

      Еще один Ман появился 🙂

  • http://zdorovay-eda.ru Людмила

    Я сегодня целый день устанавливаю кнопки шаре42, то вверху, то внизу но никак где нужно, может вы мне поможете моя тема Grilling And Barbecue

  • Иван

    Здравствуйте! такая вот проблема. Вроде все делаю как написано у Вас, но ни как что то…вот этим шаблоном пользуюсь —-> ForexTitan

    • http://wpcreate.ru Артем Петрусенко

      Что именно не получается?

  • http://советыпоустройствулестниц Вячеслав

    К сожалению, у меня тоже не получается. Прочитал все комментарии, перепробовал всё, что написано. Результата нет. Что делать?

    • http://wpcreate.ru Артем Петрусенко

      Вячеслав, напишите название шаблона, постараемся разобраться вместе в чем дело!

      • http://советыпоустройствулестниц Вячеслав

        Twenty Ten

      • Зарина

        Артем, скажите не могу найти файл single.php, захожу через панель, которую выслали при установки хостинга! Где можно найти этот файл? И можно ли вставить этот код в «Виджет-редактор-файл single.php@?

  • http://papinsovet.ru/ Роман

    У меня нормально работает только кнопка «ВКонтакте», а при нажатии на остальные выдает «».
    И кстати, о функции, которая используется здесь в комментариях(С добавлением ссылки и выбором статьи): Че-то перестало работать… Пишет XML error: Reserved XML Name at line 1, column 38. Это у меня проблема с движком?

    • http://papinsovet.ru/ Роман

      Выдает

      • http://papinsovet.ru/ Роман

        Фрагмент кода ?php the_permalink() ?

  • http://mes-blog.com.ua Евгений

    Шаре42 — это сила конечно, я только этим сервисом и пользуюсь. Автор просто молодец. Сервис реально крут. Перепробовал море кнопок, но там все предельно просто и прозрачно.

  • http://yes-otvet.ru Наталья

    Артем, привет. Два раза повторила все шаги, но кнопки на сайте так и не появились, увы. Тема Nova от Elegant Themes

  • http://thelotter.su/ Timka

    Спасибо за полезную статью, буду разбираться как это на практике соорудить.

    • http://wpcreate.ru Артем Петрусенко

      Приходите на выходных, запишу видео урок как установить кнопки социальных сетей на сайт!

  • http://hmart-life.ru Нина

    Здравствуйте! Помогите, что-то у меня не получается вставить кнопки, все делаю так как у Вас написано, а они все равно не отображаются. Моя тема Grid Style.

    • ильдар

      Не парьтесь Нина. я правда ни разу не сталкивался с такой проблемой. если сами не разбираетесь идите на фриланс сайт. решение такой проблемы занимает 5 минут и стоит 20 рублей)

      • http://hmart-life.ru Нина

        Да я особо и не парюсь. Установила плагин, но не особо хочется загружать хостинг плагинами. По-этому хочу использовать код. Вот и все. А заплатить легче всего, легких путей не ищем!)))

  • http://wmascat.blogspot.com/ Константин

    По своей сути, скрипт от Димка достаточно хорош, но можно замутить при желании и проще. Всё упирается в возможности и умения конкретного человека. Самая же большая, лично для меня, сложность — это море вариантов. Я пытался написать плагин под WordPress, но так и не осилил противоречие между лаконичностью и кучей сопутствующих опций 🙂 В общем, как по мне, лучше рассматривать каждый вариант отдельно имхо.

    • http://wpcreate.ru Артем Петрусенко

      Самая большая беда программистов — «осилил противоречие между лаконичностью и кучей сопутствующих опций » ))

  • http://kiss-kids.ru/ Ирина

    Здравствуйте! Не получается у меня поставить кнопочки. Задала плавающие. Скачала скрипт на компьютер. Распаковала папку. Закачала через ФайлЗиллу папку на хостинг в папку паблик. Код кнопок решила закачать не через ФайлЗиллу, а в админке через редактор. Ставлю в single.php и перед текстом, и после текста пробовала. В файл стилей тоже поставила второй код для стилей. Но нет нигде кнопочек. Подскажите, куда надо поставить код в моем шаблоне, чтобы отображались кнопки слева плавающими вертикальными. Шаблон F2

    • http://wpcreate.ru Артем Петрусенко

      Если боковые, то скорее всего в хедер или в футер пихать надо код.Он на всех страницах отображаться должен.

  • http://vasilisa-lux.com Ольга

    Здравствуйте!
    Знаете, возникла недавно такая проблема. Когда нажимаю на кнопки мне нравится (в мир) не отображается картинка, переходит только главная с шапки, а со страницы товара не могу выбрать. Что же делать? Ни как не пойму..

    не работает правильно только мир и фейсбук. картинки не выходят, а мне в соц сетях нужно свои новинки показывать!!

    Помогите, пожалуйста советом, если догадаетесь в чем проблема.
    спасибо.

  • http://maryaiskusnica.ru ольга

    Спасибо! Все подробно рассказано, установила панель, но почему-то она так и не работает, например на фэйсбук, только какая-то ссылка выскакивает, майл.ру тоже, одноклассники не доступны, только контакт доступен, как и прежде, почему? Что не так?

    • http://vasilisa-lux.com Ольга

      Вот точно такая же проблема у меня. Так и не решила ее, где только вопросы не задавала. Думала может конфликт какой-то.. не определила. Повезло только потому, что я должна переезжать на другой домен из ком в кз, там все работает. Все то же самое, та же тема, те же записи. Вот если со временем опять такое произойдет, что делать? вопрос так вопрос…
      Кстати пробовала разные скрипты «поделиться» даже спец. предназначенные для этого плагин вордпресса

    • http://wpcreate.ru Артем Петрусенко

      Скорее всего проблемы сейчас у сервиса, несколько месяцев назад у меня тоже были похожие проблемы, я написал автору этого сервиса, и он их быстро устранил!Думаю через пару дней все наладится!

      • http://maryaiskusnica.ru ольга

        У меня уже такое давно и с другими плагинами были в точности такие же проблемы, случилось это, как я только обновила версию Вордпресс

  • http://delniesoveti.ru injnnak

    Привет Артем. Все сделала по вашим урокам. Но кнопки не отображаются на сайте. Пробовала вставлять в разные места но ничего не получается Может нужно в какой другой файл вставлять код?

    • http://wpcreate.ru Артем Петрусенко

      Да действительно в зависимости от шаблона, файлы могут различаться.

  • http://ik-service.ru/ Иракли

    А у меня нет файла single.php(((

  • http://cvazar.com valer

    Здравствуйте, все кнопки работают кроме одноклассников, в чем может быть причина ????

  • http://www.oceancat.ru Кир

    У меня этот способ отказался работать на двух сайтах — и на чистом HTML и на WP. Вообще никаких слетов деятельности не всплыло (((

    • Руслан

      Ребята как мне поставит вот таким образом кнопки?
      http://newsinworlds.ru/news/technologies/1780-kompaniya-google-predstavila-ishodnyy-kod-android-41.html
      можете кодом поделится или чте для этого надо.

      • http://oceancat.ru Кир

        Там все кнопки работают через «http://api.yandex.ru/share/» заглянуть на него и посмотреть настройки. Сейчас сам так попробую сделать…

  • http://delniesoveti.ru injnnak

    Привет всем. Перепробовала многие варианты установления соц кнопок. Но ничего не получалось.То не отображалось на сайте, то на некоторых сервисах кнопки совсем малюсенькие. Как то случайно нашла сервис PLUSO и все заработало и дизайн кнопок ничего такой. И кнопки работают . В общем мне понравилось. Может кому поможет эта информация.

  • http://omnycknik.com Анна

    На блоге вордпресс кнопки появились после того, как вставила код в файл index.php

  • Ольга

    А у меня в файле single.php нет кода … Вот так все выглядит:

    <!-- #content -->
     <div class="share42init" data-url="" data-title="">
    <!-- #container -->

    Куда вставлять код?

    • http://wpcreate.ru Артем Петрусенко

      Парсер съел весь код, напишите лучше название шаблона.

      • Ольга

        Twenty Ten

        • Ольга

          может у меня скрипт как-то не так встал? когда я жму на Для проверки пройдите по этой ссылке: http://prodam-whiskas.ru/share42/share42.js. то вижу шапку от своего сайта и надпись — не найдено, воспользуйтесь поиском…

          • http://wpcreate.ru Артем Петрусенко

            Да скорее всего Вы не правильно скопировали файлы скрипта.

  • Ольга

    удалю, скопирую заново. Но в файле single.php все равно нет кода . Куда вставлять код кнопок?

    • http://wpcreate.ru Артем Петрусенко

      Я сейчас на работе, нет возможности посмотреть.

      • Ольга

        я подожду и до завтра 🙂 посмотрите пожалуйста, как сможете

        • http://wpcreate.ru Артем Петрусенко

          Ольга прошу прощения за то что не ответил вчера, я разобрался в вашем шаблоне.Открывайте файл loop.php

          </div><!-- .entry-utility -->
          		-->Вставить код сюда<--
          		</div><!-- #post-## -->
          		<?php comments_template( '', true ); ?>
          • http://prodam-whiskas.ru/ Ольга

            Похоже у меня проблема именно в том, что папка со скриптом как-то неправильно копируется… Так ничего и не получилось:-(

  • http://www.veteran-spb.com Irina

    Установила с помощъю Share42.com плавающую панель кнопок через редактор в админке WP, в Заголовок (header.php) в самый конец.Все работает. Спасибо за статью

  • http://luckylife.asia Ivan

    Артем, привет!
    Говорю сразу, я новичок!!!
    У меня стоит на вордпрессе тема Matala by Nicolo Volpato.
    Перепробывал все куда тока этот код не вставлял, все без толку((( хочу поставить вертикальную (плавающую) хотя уже хоть и горизонтальную или в сайдбар.
    Помоги не могу разобраться куда именно вставлять…и перед какими строками.

  • http://luckylife.asia Ivan

    вордпресс последний 3.5.1

  • http://luckylife.asia Ivan

    вставляю вот этот код:

    <div class="share42init" data-url="" data-title="">

    и

    #share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
    #share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
    #share42 a {opacity: 0.5}
    #share42:hover a {opacity: 0.7}
    #share42 a:hover {opacity: 1}

    еще пробовал так:

    <div class="share42init" data-url="" data-title="">

    share42(‘http://luckylife.asia/public_html/wp-content/plugins/share42/’,0,0)

    • http://luckylife.asia Ivan
      <div class="share42init" data-url="" data-title="">
      • http://wpcreate.ru Артем Петрусенко

        Иван, делай все как указано в инструкции, а код в твоей теме необходимо разместить в файле content.php после строчки:

        <span class="comments-link"><?php comments_popup_link( __( 'Leave a comment', 'matala' ), __( '1 Comment', 'matala' ), __( '% Comments', 'matala' ) ); ?></span>
        			<?php edit_post_link( __( 'Edit', 'matala' ), '<span class="sep">|</span> <span class="edit-link">', '</span>' ); ?>
        		</div><!-- .entry-meta -->
        • http://luckylife.asia Ivan

          Артем, посмотри отправил тебе файлы на почту, все так и сделал и что-то ничего(
          так и не появилось(

          • http://wpcreate.ru Артем Петрусенко

            Сам код вставлен в правильном месте.Папка share42, с файлом share42.js желательно должна лежать в корневом разделе.Где она находится сейчас?

          • http://wpcreate.ru Артем Петрусенко

            Сайт сейчас на локальном сервере?

          • http://wpcreate.ru Артем Петрусенко

            В файле content.php измени строку:

            <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-top1="150" data-top2="20" data-margin="0"></div>
            <script type="text/javascript" src="http://luckylife.asia/public_html/wp-content/plugins/share42/share42.js"></script>

            На:

            <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-top1="150" data-top2="20" data-margin="0"></div>
            <script type="text/javascript" src="http://luckylife.asia/wp-content/plugins/share42/share42.js"></script>
          • http://wpcreate.ru Артем Петрусенко

            В пути файла лишняя папка public_html сервер ее не учитывает.

  • http://luckylife.asia/ Ivan

    Артем, помогло!!!! Спасибо тебе огромное, ты просто человечище!!!!
    Доведу сайт до ума поставлю ссылку на тебя, обязательно!!!

    • http://wpcreate.ru Артем Петрусенко

      Спасибо) Приятно читать такие комментарии)

  • http://gestacya.ru Андрей

    Спасибо большое за статью! все ясно и понятно. Установил себе такие вот кнопочки!!! Автору спасибо за полезную статью!

  • Залина

    Здравствуйте, Артем! Хочу вставить вертикальную панель, куда мне следует вставлять коды?

    • http://wpcreate.ru Артем Петрусенко

      Попробуйте вставить код в файл header.php перед строчкой

      </head>
      • Залина

        Огромное человеческое спасибо!!! Очень помог, все работает))) уря, уря, уря!!!

  • http://www.homeinvestors.ru Антон

    Ураа я это сделал! Спасибо Автору!

    • http://wpcreate.ru Артем Петрусенко

      Пожалуйста)

  • http://uznaemmirvmeste.ru Brilthor

    Все работает, огромное спасибо за доскональное объяснение! Было бы интересно узнать, как вы сделали стрелку справа, с помощью которой наверх переносит. Я еще только учусь, поэтому многого не знаю. С вашим сайтом как следует познакомлюсь.

    • http://wpcreate.ru Артем Петрусенко

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

      • http://uznaemmirvmeste.ru Brilthor

        Хорошо, буду ждать материал!

  • http://uznaemmirvmeste.ru Brilthor

    Артем, заметил проблему с кнопками социальных сетей. Сделал все по нструкции, все вроде работает, но есть несколько проблем, возможно я что то неверно сделал. Первое, это то, что в хроме когда я захожу на свой сайт, то кнопки показываются над статьей как положено, а если захожу через оперу, то нет. В чем может быть причина? Не хотелось бы, чтобы те, кто пользуется оперой не использовал данную возможность. И второе, когда пытаюсь через одноклассники добавить запись, то ничего не получается. Я авторизуюсь через форму, которая выскакивает, но после добавления выкидывает опять на ту же страницу авторизации, как будто авторизация не прошла, но другие кнопки работают нормально. Помогите пожалуйста решить проблему.

    • http://wpcreate.ru Артем Петрусенко

      Скорее всего поменялся механизм авторизации у одноклассников, напишите автору скрипта на почту, и он устранит эту проблему.Я с ним общался, очень приятный человек, и тоже помог в прошлый раз очень оперативно.

  • http://uznaemmirvmeste.ru Brilthor

    Спасибо за быстрый ответ, обязательно свяжусь с ним. А по поводу того, что в опере не отображаются можете что то сказать?

  • Artur

    Сайт делал на бесплатном хостинге, а не на FZ. И у меня нету папки мой саит, потому что там её не создавал. Подключаюсь через FZ к сайту, но не как не могу найти документ куда код вписывать. Тема Sliding Door. Спасибо заранее

    • http://wpcreate.ru Артем Петрусенко

      Завтра смогу посмотреть и ответить, только напомните мне.

  • Dima

    Здравствуйте Артем. У меня в single.php нет кода «». Там проктичемкий ничего нет. Тема называется «Simple Catch», и в этой теме, как я уже понял, главная — «simplecatch_functions.php». В этой папке я все изменяю. Так вот, не могу найти что-то, что могло бы отнестись к «». Вообше незнаю куда этот код(share42.com) вписать. Можете сказать, куда ее вписывать, если в «single.php» нету «»??

  • http://vyruchalka.org Анастасия

    Добрый день! что-то не получается у меня с п.4 пишу http://vyruchalka.org/share42/, проверяю ссылку, чтобы увидеть свой скрипт, но вылезает ошибка 404 страницы сайта, помогите, пожалуйста, понять, что я не так делаю?

    • http://wpcreate.ru Артем Петрусенко

      В какую директорию на хостинге Вы загрузили скрипт?

  • http://breedsdog.com.ua/ Денис

    Здравствуйте Артем!)
    помогите пожалуйста разобраться куда вставлять код в файле single.php, тема Twenty Twelve ворпресс, после какой строчки именно вставлять код.
    Заранее Спасибо!)

  • Татьяна

    У меня не получилось добавить через файлзиллу скрипт на сайт. Я вставила на сайт скрипт, а его там нет. Мало того, когда я перехожу по ссылкеСформированной на http://share42.com/ru,то показывает ошибку.
    ССылка выглядит т.о.http://tpeskova.ru/public_html/wp-includes/share42/
    Где ошибка?

  • Татьяна

    Вы задали вопрос -на какую директорию грузили? А на какую надо?

  • http://tpeskova.ru Татьяна

    Опять я . До этого я шаблон покупала. А теперь интересно сделать все самой. Только вчера купила новый домен. Сегодня на вордпресс хочу установить кнопки соц. сетей,чтобы они были в конце текста горизонтально. Сумбурное объяснение,но я ,как понимаете еще новичок в этом деле

  • http://tpeskova.ru Татьяна

    Я не нашла папку single.php. Если ее нет,то какую выбрать?

  • http://ncuxolog.astrakraft.ru/ Светлана

    Добрый день, Артем. У меня также проблема с установкой кнопок. Тема Constructor. Сама тема поддерживает наличие кнопок соц.сетей, но там нет всех нужных, и размер мне не нравится. Вставляла код в разные места, все равно не выходит.
    Спасибо.

    • http://ncuxolog.astrakraft.ru/ Светлана

      Артем, вопрос уже не актуален. Написала в комментариях к другой теме, связанной с кнопками соцсетей. Спасибо.

  • http://tpeskova.ru Татьяна

    Артем! С Праздником! С Днем Победы!
    Я искала название своего шаблона,но по названию вылезают совсем другие. Вот сноска на страницу скачивания. Может это поможет Вам ответить на мой вопрос
    http://wordpress.org/extend/themes/bouquet

  • http://tpeskova.ru Татьяна

    Артем, я написала кучу комментариев,но не указала,на каком шаге у меня проблема- на шаге share42, Установите скрипт на своем сайте, п. 3 -Если вы видите содержимое скрипта, значит путь указан правильно.

  • http://superroom.ru Ирина

    Друзья помогите!!! Загружала папку share42 с помощью FZ и случайно удалила каталоги. Все!! Сушите весла – сайта нет!!
    Его можно как-то восстановить?

  • http://superroom.ru Ирина

    Все написала в службу поддержки. Базу восстановили.
    Товарищи, делайте регулярно бекап!! Это сила!

  • http://Ecomir45.ru Александр

    У меня такая проблема! У меня есть сайт он был создан одной компанией. У нее все прова на нее они сайт делали через 1С Битрикс. В итоге у меня только есть права чтобы скачать через фтп ну или заливать на него. Короче мне нужно сделать кнопку на сайте чтобы она перекидывала на другой сайт

  • Наталья

    Здравствуйте. Очередное спасибо вам за блог. У меня вопрос по соц.кнопкам. Во первых в моей теме Twenty Elewen в файле single нет слова content. Может скрипт нужно в другой файл ставить. И ещё, я ставлю соц.кнопки на сайт на субдомене, мне папку share42 закачивать в корневой каталог на домене или субдомене.

    • http://wpcreate.ru Артем Петрусенко

      Здравствуйте Наталья, попробуйте добавить код именно в файл single.php он должен отобразиться. По поводу субдомена, сказать не могу, не сталкивался с этим.

  • Нелли

    Артем, огромное спасибо за ваш блог! Остановилась на этом уроке, на 7-м шаге. Открыла папку с шаблоном (у меня шаблон Prana) через FileZilla, но в ней нет файла single.php(((( И теперь не знаю куда вставить код 🙁 Помогите пожалуйста.

    • http://wpcreate.ru Артем Петрусенко

      Нелли, подскажите название Вашего шаблона, или перечислите файлы Вашего шаблона.

    • http://wpcreate.ru Артем Петрусенко

      Странно, если это вот этот шаблон Prana то в нем есть файл Single.php

  • http://catalogpartnerok.ru Сергей

    Все это можно делать из админки.
    Для шаблона contango первый код для страниц нужно добавить в файл
    content-page.php.

    Спасибо, Артем. ❗

  • http://superroom.ru Ирина

    Добрый день, Артем. Вторую неделю пытаюсь установить эти кнопки – все безрезультатно. Вставляла код практически во все файлы указанные в комментариях, а также прописывала после кода echo $metadataContent; Вот эта запись и выводится на страницу, а кнопки – нет. Моя тема TwentyTwelve. Буду очень признательна вам за помощь. Спасибо.

    • http://wpcreate.ru Артем Петрусенко

      Добрый день Ирина, попробуйте вставить код в файл content.php. Откройте его и воспользуйтесь поиском по файлу, и найдите вот эту строку в файле :

      , и перед ней попробуйте вставить код. Кнопки должны будут появиться внизу статьи, перед комментариями.
      • http://superroom.ru/ Ирина

        Спасибо, Артем! Все получилось, кнопки отобразились. Единственное, что они еще отображаются под каждым анонсом статьи на главной. Как бы их оттуда убрать, чтобы они выводились только при открытии всей записи?

  • Ирина

    Артем, добрый день!
    Подскажите, если не сложно, тема Kippis , куда в ней запихнуть этот код, ну никак не разберусь, там вроде в файле single.php 10 строчек несчастных и никак не разберусь куда его вставить, попыталась в пару мест засунуть, не отображаются.
    То ли шаблон какой-то корявый, то ли я 😥

    • http://wpcreate.ru Артем Петрусенко

      Ирина, не расстраивайтесь, в Вашем шаблоне это делается в файле content-single.php после строки < footer class="entry-meta" >

      • Ирина

        Артем, спасибо Вам огромнейшее!!!!
        Теперь все получилось.
        Неоднократно уже обращалась к Вам с различными вопросами и Вы всегда помогали.
        Удачи Вам и Вашим проектам!!!

        • http://wpcreate.ru Артем Петрусенко

          Спасибо Ирина, и Вам тоже удачи!

  • http://мяснойдом.рф Александр

    Артем, добрый день!
    Устанавливаю кнопки в правый верхний угол сайта, но не получается (((
    Подскажите пожалуйста куда вставить код.
    Шаблон Ebuy отсюда скачивал: http://www.web2feel.com/ebuy/ .

  • Данил

    У меня тема twentyeleven. Куда вставлять?

  • http://vitkinanatoli.bcr.by/ Анатолий

    У меня в теме Twenty Elewen не отображаються.

    • http://drcheater.ru ishtvan

      помогите а тут куда вставлять JS? страница просто белая стает

      <?php 
      	global $SMTheme;
      	get_header(); 
       
      	get_template_part(&#039;theloop&#039;);
      			
      	the_tags("".$SMTheme->_( 'tags' ).":&nbsp;&nbsp;", ", ","");
       
      	get_template_part('relatedposts');
       
      	comments_template();
       
      	get_template_part('navigation');
       
       
      	get_footer();
      ?>
  • http://begonia.com.ua/ Светлана

    Не знаю, что я там наделала, хотя не первый раз вставляю коды, но кнопки соц.сетей не отображались никак, а теперь еще еще и статьи полетели. зайдите на моем сайте в любую статью увидите. подскажите, где я что натворила

  • http://vitkinanatoli.bcr.by/ Анатолий

    В теме Twenty Elewen не отображаються.

    • http://begonia.com.ua/ Светлана

      У меня Мантра, проблему с рубриками я решила, благо обновление для Мантры подоспело))) А вот как с кнопками этими быть? Или на Мантре тоже не видно?

  • http://webreselling.ru/ Фёдор

    Артём, подскажи пожалуйста с чем связано то, что в браузере Опера кнопки перестали отображаться (изначально всё работало), а во всех остальных браузерах, включая ИЕ, отображаются как настроил.

  • http://ICanAll.ru Елена

    Добрый день! Я пытаюсь вставить код для кнопок «поделиться» от яндекса. Безрезультатно! Тема Twenty Twelve. Помогите советом, пожалуйста. 😐

  • http://Life-price.ru zee

    тема
    zeeSynergie куда вставлять коды ? спасибо

  • http://biznessxema.org Melnik

    Добрый день Артём, большое спасибо тебе за уроки. С их помощью я создал свой первый блог. У меня, как и большинства из коментаторов долго не получалось добиться нужного результата, но после смены дирректории где должен находится скрипт все получилось. Попробуйте переносить его в папку с темой вашего блога. Артём, еще раз спасибо за твои уроки. В ближайших постах напишу о твоём полезном блоге, удачи.

    • http://wpcreate.ru Артем Петрусенко

      Спасибо — большое, я буду благодарен!!! ➡

  • http://prezent-ebook.ru Владимир

    Артем! Следует ли в файле robots.txt поставить запрет на индексацию папки Share42, в которой мы сохраняем код наших кнопок?

    • http://wpcreate.ru Артем Петрусенко

      Владимир, я думаю лишним не будет.

  • http://makerap.ru Руслан Rams

    Артем, тема Twenty Eleven. Куда кинуть папку и как прописать код? Подскажи пожалуйста.

  • Софья

    Артём, подскажите пожалуйста какой плагин можно использовать или как сделать кнопки «я в социальных сетях»?? Мне нужно не то что описывается в статье, то есть чтобы пользователь не делился статьёй в своей сети а мог быстро по красивой кнопочке перейти на мой профиль в фейсбуке, твиттере, инстаграмме.. Спасибо!
    Спасибо за отличный блог, читаю с удовольствием!

  • богдан

    У меня шаблон twenty fourteen. Все никак не могу найти места где нужно вставлять код кнопок.Подскажи пожалуйста.

  • http://arenda-tut.com Александр

    Добрый день подскажите пожалуйста, есть шаблон Realtr и я не знаю куда нужно вставлять код нового платежного шлюза для замены старого уже встроенного, подскажите как быть?

  • http://moyacareera.ru Лилия

    Артем, подскажите, пожалуйста, сделала все, как как у вас в статье, с одним только отклонением (код стилей нигде не могу найти). Но кнопки на сайте не появляются. Тема Division-Wordpress. Может быть в другой файл нужно код ставить? Помогите, очень нужно…

  • http://fitnessplus.com.ua Александр

    Здравствуйте. А вот я смотрю, у вас ведь 4 основные кнопочки стоят. Вы их по отдельности ставили или может есть какой-то более быстрый вариант?=)
    Спасибо.

    • http://moyacareera.ru Лилия

      Ставила через плагин, но он меня не совсем устраивает, т.к. нет кнопки Одноклассники…

  • Дима

    Да это классно !) Но 1 проблема ( у меня до этого еще стояли кнопки соц сетей, как их убрать ? (

    • http://oknarolstavni.ru Вячеслав

      Пожалуйста помогите вставить код. Шаблон wp_real_estate 😐

  • Андрей

    Артем, приветствую!
    просьба помочь разобраться со вставкой кода share42 в тему Mantra (http://wordpress.org/themes/mantra)
    перепробовал уже все файлы о которых написано выше, не помогло…
    Заранее благодарен.

  • http://nikdolotov.ru Николай

    Проконсультируйте, пожалуйста. Тема zeeDynamic. Не появляются плавающие кнопки на сайте. Код
    <div class="share42init" data-url="» data-title=»» data-top1=»150″ data-top2=»20″ data-margin=»0″>

    Куда его вставить?

  • http://nikdolotov.ru Николай

    Продолжение кода

  • Юлия

    Артем! Во все свои блоги вставляла код кнопок по Вашей инструкции, все было ОК! На новый блог не получается, шаблон Cat Breeder. Подскажите, плз, куда там вставлять, там какой-то код не стандартный

  • Амина

    Извините, а не через ftp как вставить? я открываю консоль и куда скачивать эту папку?

  • Ирина

    Здравствуйте. Подскажите пожалуйста, у меня 2 сайта, на одном кнопки я поставила, а на втором ни как не получается. Уже столько раз переустанавливала, все равно кнопок нет.

  • segio

    читаю ваш блог, мало что из написанного действительно работает. 👿

  • http://igolo4ka1.ru Ольга

    Здравствуйте, Артём! Мне хотелось бы поставить кнопки соц. сетей в Комментариях. Т. е. для того, чтобы посетителю написать комментарий, сначала нужно нажать на одну из кнопочек соц. сетей. Видела на других сайтах. А вот как это сделать на своём?? ❓

    • http://wordpressnotes.ru Дамир

      для того чтобы на вашем сайте могли каментить люди зарегестрировавшись через соц сеть
      вам нужно поставить комментарии от http://cackle.ru/ или https://disqus.com/

  • Саша

    1)Почему у вас щас эти блоки не стоят?
    2)что делать если адблок их блокирует?

  • Саша

    Как можно добавить share buttons в цикле wordpress? Чтобы применялись к конкретным записям а не к станице цикла?

  • Дмитрий

    😉 Интересно.

  • http://cc.marden.kz Azamat

    Спасибо,Артем!!!
    Я уже на вашем сайте, два решения нашел для своих проблем на сайте 💡 ❗

  • http://cc.marden.kz Azamat

    Спасибо,Артем!!! Нашел два решения проблем у вас на сайте
    💡 ❗

  • http://cardiagram.com.ua Виталик

    Артем, здравствуйте.

    А вы, случайно, не знаете, как поставить на сайт вот эти кнопки. Не пойму, как подключить квери и стили.

    http://sapegin.github.io/social-likes/ru/

  • http://pattaya-trip.ru MaryBe

    получилось. спасибо!)

  • http://ideal-forall-psychologist.ru/ Нади

    АРТЕМ, я не умею пользоваться FTP/ Можно установить эти кнопки из админки вордпресса вручную?
    и второй вопрос- эти кнопки подходят для любой темы шаблона ?- и как это проверить ? Спасибо

  • http://dupelbiz.com Александра

    Мне симпатичен второй случай, где необходимо только один раз внести код. 😳

  • http://takioki.ru Ольга

    Я у себя на блоге поставила соцкнопки, но у меня какая-то непонятная заморочка с ними — если пытаюсь репостить вконтакте статью, то очень часто не подхватываются картинки из статьи для превьюшки или только часть из них берется.
    Стоят кнопки от яндекса и еще какие-то, но у обоих эта проблема (при чем по разному срабатывает на одной и той-же статье даже)
    Можете подсказать в чем может быть проблема?

  • Валентин

    Вот еще кнопки с интересными формами https://share.itraffic.su

  • Татьяна

    Добрый день, тема familyholiday, никак не получается найти место, куда нужно вставить код готовых кнопок. Подскажите, пожалуйста.

  • Вячеслав

    Здравствуйте! А я куда бы не вставлял код share42 в single.php выскакивает белый экран вместо страницы сайта, вроде всё делал по инструкции, правда шаблон у меня Jolene может из-за этого. Кто знает решение, помогите. Заранее благодарю!

  • Maks

    Добрый день, не пойму откуда брать код для CSS, подскажите пожалуйста.

  • Valery Kondratev

    у меня шаблон newspaper771. куда бы я не пытался вставить скрипт в файле single.php кнопки так и не появляются, хотя выполнил все рекомендации