X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Добавление виджетов на ВордПресс. Как?
Siege_mw
Siege_mw
Topic Starter сообщение 7.12.2014, 18:06; Ответить: Siege_mw
Сообщение #1


Снова появилось время поковырять свой сайт. Решил добавить виджеты социальных сетей, таких как: твиттер, вконтакте и фейсбук. Иы же все знаем, что социальное продвижение очень важно для сайтов, может посетители будут подписываться на сообщества и участники сообществ будут посещать сайт + ссылки буду постить, что будет отличным плюсом в индексации и продвижении в целом.

Как мне установить виджеты на сайт, в те места, которые я указал на скриншоте?

Прикрепленное изображение


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

Помогите когдом и советами :)

Сайт pesnja-v-podarok.ru
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
сообщение 7.12.2014, 19:09; Ответить: prolisk
Сообщение #2


Как я понял плагины не варианты. Хотя варианты, но вывод нужно настроить отдельно.
Нужно знать какой шаблон.
Посмотреть как выводятся записи на главной (что именно в 3 колонки), и после цикла поставить кнопки.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 7.12.2014, 19:50; Ответить: k0ttee
Сообщение #3


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

Ну как-бы да. И не важно, циклом там вывод или нет.

Даже так - не после вывода контента, а перед выводом пагинации (имхо так проще найти в шаблоне).
Короче, перед этим:
<div id="paginate">


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
Topic Starter сообщение 7.12.2014, 20:50; Ответить: Siege_mw
Сообщение #4


(prolisk)
Как я понял плагины не варианты. Хотя варианты, но вывод нужно настроить отдельно.

Плагины не вариант, они вообще не нужны, поскольку социальные сети дают свой код, его и нужно будет вставить. К примеру такой код
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 61456499);
</script>


Мне нужно вставить так, чтобы оно нормально отображалось на странице и потом еще от ФБ и Твиттера.

Добавлено спустя 1 минуту 43 секунды:
Будет вот такое вот

Прикрепленное изображение


Добавлено спустя 2 минуты 14 секунд:
k0ttee, я попробую, но объясни пожалуйста как сделать так, чтобы виджеты были расположены по горизонтали, а не по вертикали выводились. И как мне узнать широту и высоту иконок записей, чтобы подстроить виджеты под такие же размеры, чтобы смотрелось более менее аккуратно. :unsure:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 7.12.2014, 21:03; Ответить: k0ttee
Сообщение #5


расположены по горизонтали

Обернуть каждый из них.
<div style='float:left;display:inline'>контактель</div>
<div style='float:left;display:inline'>книга лицо</div>
<div style='float:left;display:inline'>я социофоб</div>


А потом все это обернуть еще одним блоком (нужной ширины). Пробуйте...

как мне узнать широту и высоту иконок записей

Нажать F12 в браузере. Показываю на своем FireFox.
Слева в панели будет "выбиралка элементов". Нажимаем её, затем очень аккуратно наводим на иконку записей (в подписи будут размеры, да на скрине видно).
Вообще CSS без проблем смотрится в правой части панели инспектора. И вообще познакомьтесь с этой штукой, она очень многое облегчает в расковыривании любых сайтов.
Прикрепленное изображение


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
Topic Starter сообщение 7.12.2014, 21:14; Ответить: Siege_mw
Сообщение #6


k0ttee, буду пробовать, отпишу позже, что получилось.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
prolisk
prolisk
сообщение 7.12.2014, 21:19; Ответить: prolisk
Сообщение #7


Siege, на сайте размеры блоков 225х225.

Добавлено спустя 57 секунд:
229х234 это со всеми отступами и границами.

Добавлено спустя 1 минуту 14 секунд:
и еще, чтобы также отображало можно просто задать те же классы, что и для записей.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 7.12.2014, 21:49; Ответить: k0ttee
Сообщение #8


чтобы также отображало можно просто задать те же классы, что и для записей

Гениальное решение, которое минимизирует объем кода передаваемого в браузер и телодвижения разработчика. Люто плюсую!


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Siege_mw
Siege_mw
Topic Starter сообщение 8.12.2014, 16:44; Ответить: Siege_mw
Сообщение #9


(k0ttee)
Короче, перед этим:
<div id="paginate">


Я только такой код нашел:
<?php if(function_exists('sf_pagenavi')) { sf_pagenavi('', '', '', '', 20, false);} ?>

Перед ним если поставлю, правильно же будет?

Добавлено спустя 4 часа 7 минут 49 секунд:
Что-то у меня вообще криво всё получилось :(

Прикрепленное изображение


Добавлено спустя 2 минуты 26 секунд:
Использовал такой код:

ВК:
<div style='float:left;display:inline'>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "225", height: "225", color1: '525252', color2: 'FFFFFF', color3: 'C5C5C5'}, 61456499);
</script>
</div>


ФБ:
<div style='float:left;display:inline'>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="https://www.facebook.com/pesnjavpodarok" data-width="225" data-height="225" data-colorscheme="dark" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
</div>


ТВ:
<div style='float:left;display:inline'>
<a class="twitter-timeline" href="https://twitter.com/pesnja_v_podaro" data-widget-id="541934753537335296">Твиты от @pesnja_v_podaro</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 10.12.2014, 17:21; Ответить: k0ttee
Сообщение #10


Зато 'display:inline;float:left' помогли выстроить их в горизонтальный ряд. Прогресс же. :laugh:
Ну так вы вставили в подвале, а я предлагал до пагинатора. Подозреваю, что смотреть надо не в footer.php а в index.php

Или давайте доступ по FPT - я сделаю, и не будем тянуть k0ttee за хвост. :unsure:


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1117 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1519 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2284 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3910 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3636 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:47
Дизайн