Кнопки «Подписаться»

  • shugogo

    (@shugogo)


    4 года, 9 месяцев назад

    Здравствуйте. Хочу разместить кнопки «подписаться», «нравится», для Фейсбук, ВК и ОК, в начале и конце каждого поста. Максимум, что мне удалось, это поместить кнопку от Фейсбук в сайдбар с помощью iframe. Прочитал кучу инструкций о вставке кода и скриптов в header.php и single.php, никак не удается их отобразить в посте. Я повторюсь, нужно вставить кнопки подписаться/нравится, а не поделиться. Подскажите правильно решение пожалуйста.

    • Тема изменена 4 года, 9 месяцев назад пользователем shugogo.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 46 по 60 (всего 60)
1 2 3 4
  • Автор shugogo

    (@shugogo)

    4 года, 9 месяцев назад

    @exmi Спасибо. А это можно сделать без кнопки, а просто открытым блоком в рамке?

    • Ответ изменён 4 года, 9 месяцев назад пользователем shugogo.
    Автор shugogo

    (@shugogo)

    4 года, 9 месяцев назад

    @exmi и еще вопрос, как сделать кнопки в одну строку, сейчас они расположены одна под другой?

    <!-- начало кнопки нравится -->
<div class="social-follow-buttons">
		<div id="vk_subscribe"></div><script type="text/javascript">VK.Widgets.Subscribe("vk_subscribe", {soft: 1}, -192854428);</script>
		</div>

        <div class="fb-like" data-href="https://www.facebook.com/novofonte" data-width="" data-layout="button_count" data-action="like" data-size="small" data-share="false"></div>
<!-- конец кнопки нравится -->
    anonymized-14765447

    (@anonymized-14765447)

    4 года, 9 месяцев назад

    shugogo,

    А это можно сделать без кнопки, а просто открытым блоком в рамке?

    Конечно, просто стилизуйте кнопки, используя CSS:

    <style>
	#vk_like {
		...
	}
	
	#ok_shareWidget {
		...
	}
	
	.fb-like {
		...
	}
</style>

    Этот код можно расположить перед <!-- VK --> в файле functions.php.

    Автор shugogo

    (@shugogo)

    4 года, 9 месяцев назад

    @exmi Спасибо, все настроил как хотел. Еще вопросик: у меня в записях, в мобильной версии, все изображения смещены в право и вылезают за края. Как можно это исправить не подскажите?

    anonymized-14765447

    (@anonymized-14765447)

    4 года, 9 месяцев назад

    shugogo, у вас для каждой картинки такой код:

    <figure id="attachment_2969" aria-describedby="caption-attachment-2969" style="width: 600px;" ... </figure>

    а проблема в моб. версии, соответственно, в style="width: 600px;". Как вариант, либо прописывать style="max-width: 600px;", либо вставлять изображения иным способом.

    Автор shugogo

    (@shugogo)

    4 года, 9 месяцев назад

    @exmi

    а проблема в моб. версии, соответственно, в style=»width: 600px;»

    А вы уверены, что проблема в размере изображения? Мне кажется там дело в смещении.

    anonymized-14765447

    (@anonymized-14765447)

    4 года, 9 месяцев назад

    shugogo,

    А вы уверены, что проблема в размере изображения?

    Ещё раз:

    <figure id="attachment_2969" aria-describedby="caption-attachment-2969" style="width: 600px;" ... </figure>

    Проблема в style="width: 600px;".

    Автор shugogo

    (@shugogo)

    4 года, 9 месяцев назад

    @exmi
    т.е. если каким-то образом поменять на style="max-width: 600px;", то все «заиграет» как надо?

    anonymized-14765447

    (@anonymized-14765447)

    4 года, 9 месяцев назад

    shugogo, так точно.

    Автор shugogo

    (@shugogo)

    4 года, 9 месяцев назад

    @exmi я так понимаю, нужно найти нужный строку в цсс и изменить ее, правильно?

    anonymized-14765447

    (@anonymized-14765447)

    4 года, 9 месяцев назад

    shugogo, нет, надо смотреть в сторону того, что его [код] генерирует. Поймёте, откуда берётся этот <figure>, то будет ясно где и style="width: 600px;" менять.

    Или можно поступить более радикально, добавив в CSS дочерней темы или в дополнительные стили:

    figure {
    margin: 0;
}
    Автор shugogo

    (@shugogo)

    4 года, 9 месяцев назад

    @exmi

    надо смотреть в сторону того, что его [код] генерирует.

    а как его отследить?

    anonymized-14765447

    (@anonymized-14765447)

    4 года, 9 месяцев назад

    shugogo,

    а как его отследить?

    Читать код, понимать какие плагины используете и зачем. Ответ банальный.

    Полагаю, у вас темой базовые стили браузера либо вообще не были сброшены, либо неполностью, поэтому может помочь

    figure {
    margin: 0;
}
    Автор shugogo

    (@shugogo)

    4 года, 9 месяцев назад

    @exmi

    Спасибо! Сработало! Теперь все отображается как надо.

    anonymized-14765447

    (@anonymized-14765447)

    4 года, 9 месяцев назад

    shugogo, супер! На здоровье 🙂

Просмотр 15 ответов — с 46 по 60 (всего 60)
1 2 3 4
  • Тема «Кнопки «Подписаться»» закрыта для новых ответов.