Отправляет email-рассылки с помощью сервиса Sendsay

Library for Me

  Все выпуски  

Комментарии ВКонтакте на сайте iWeb



Комментарии ВКонтакте на сайте iWeb
2013-08-31 22:19

Доброго времени суток, дорогие друзья! Сегодня хочу рассказать Вам о том, как добавить виджет комментариев социальной сети «ВКонтакте» на страницы сайта, создаваемого в редакторе Apple iWeb. Данный материал предполагает формат «инструкция в картинках» с краткими пояснениями выполняемых действий там, где это будет необходимо.

Комментарии ВКонтакте на сайте iWeb

Что нам будет нужно? Зарегистрированный аккаунт в социальной сети «ВКонтакте» и сайт, созданный в редакторе Apple iWeb. Сайт, желательно иметь рабочий или, по крайней мере, для него должно быть выкуплено доменное имя (хотя, подойдет и бесплатный домен). Также, будет необходимо иметь возможность выкладывать страницы с готовым виджетом комментариев на каком-либо веб-хостинге: хостинг может быть платным или бесплатным, в данном случае, это не имеет особого значения. Выкладывать страницы будем только c целью тестирования и проверки: я проверял на своем хостинге, на котором размещен данный сайт. Проверить работоспособность комментариев оффлайн не получится: виджет комментариев просто не отображается, если открывать страницу локально.

Как будет выглядеть виджет комментариев? Тут стоит немного остановиться. Дело в том, что использование редактора Apple iWeb подразумевает создание веб-страниц с фиксированными размерами: ширину и высоту контента мы задаем самостоятельно. Соответственно, каждый блок на странице (текст, изображения, окна и т.д.) имеет свои конечные размеры, из которых и складывается размер страницы. Сейчас же, у нас стоит задача расположить на странице динамический контент: ведь виджет комментариев может изменять свои размеры по высоте - при увеличении количества комментариев блок будет увеличивать свой вертикальный размер и перекрывать своим содержимым все, что расположено ниже него или вообще выходить за пределы веб-страницы. Избежать этого можно, разместив блок комментариев в окне фиксированного размера с прокруткой вертикального содержимого: полоса прокрутки позволит просматривать содержимое такого окна от начала до конца. Похожие окна с виджетом комментариев системы Disqus Вы уже видели на моем сайте. Сейчас мы попробуем создать тоже самое для виджета комментариев социальной сети ВКонтакте...



В избранное