Как создать свой сайт
Блог сайтостроителя


Новый видеокурс «Все технические моменты онлайн-бизнеса в видеоформате 2011»!

Рубрика «Вопрос? Ответ!»





Урок№9. Как организовать общение на сайте, сделанном на okis.ru

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

К сожалению, разработчики конструктора сайта ОКИС не предоставляют возможности организации общения на сайтах, сделанных на okis.ru. Дело в том, что когда посетитель сайта оставляет комментарий или сообщение, то эта информация записывается в базу данных MySQL, которая доступна только владельцам сайта okis.ru, но для этого нужно написать целый скрипт, позволяющий посетителям сайта общаться. Пока что такого скрипта нет — может быть в будущем, программисты ОКИСА восполнят данный пробел. На форуме окиса, в качестве альтернативы, предлагается вставить специальный код, который предоставляет соц. сеть Вконтакте, на той странице, где Вы хотите, чтобы посетители общались.

Итак, как подключить виджет для комментариев от соц. сети Вконтакте:

  1. Зайдите на сайт http://vkontakte.ru и введите свой логин и пароль (если у Вас нет странички в Вконтакте — заведите её, иначе виджет для комментариев будет недоступен для Вас);
  2. Перейдите на страничку http://vkontakte.ru/developers.php?o=-1&p=Comments;
  3. Заполните информацию о Вашем сайте и установите параметры (количество комментариев, ширина и т.д.);
  4. Нажмите сохранить;
  5. После чего необходимо скопировать предложенный код и вставить его в разделе «Размещение рекламы» в самом нижнем поле, где написано «Этот код будет отображаться под содержимым сайта (контентом)», затем нажмите «Обновить»;
  6. Теперь на всех страницах Вашего сайта есть форма для комментариев.

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

Последовательность действий в картинках:

Сохраните код виджета

Как организовать общение на сайте, сделанном на okis.ru - учимся подключать Виджет для комментариев от соц. сети Вконтакте

Зайдите в раздел «Размещение рекламы»

Как организовать общение на сайте, сделанном на okis.ru: Зайдите в раздел «Размещение рекламы»

Вставьте код виджета в самое нижнее поле и нажмите «Обновить»

Организуем общение на okis.ru: Вставьте код виджета в самое нижнее поле и нажмите «Обновить»

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

Как организовать общение на сайте, сделанном на okis.ru - учимся подключать Виджет для комментариев от соц. сети Вконтакте

Дополнительные уроки по созданию и ведению сайта на OKIS:
Урок№10. Как активировать сайт на okis.ru с помощью WebMoney
Урок №11. Учимся добавлять новую страничку на okis.ru и работать с содержимым страницы

Перейти в начало к урокам по созданию сайта на OKIS>>>

Популярность заметки: 3%

Опубликовал admin 1 октября, 2011 | 28 комментариев | Просмотров: 8,697

Рейтинг заметки:

1 звезда2 звезды3 звезды4 звезды5 звезд (7 голосов, средний: 5.00 из 5)
Loading ... Loading ...

Размещено в рубрике: Сайт на OKIS

Метки:

Если Вам понравились материалы сайта http://webcaum.ru, и Вы хотите отблагодарить автора данного ресурса, то скопируйте код баннера, который представлен ниже, и вставьте его на любой странице Вашего сайта.

28 комментариев к заметке «Урок№9. Как организовать общение на сайте, сделанном на okis.ru»

  • Илья
    13 октября, 2011, 18:22
    Цитировать

    скажи пожалуйста как на сайт добавлять музыку и видео

  • admin
    13 октября, 2011, 22:57
    Цитировать

    Цитата:

    скажи пожалуйста как на сайт добавлять музыку и видео

    Видео можно добавлять с видео хостингов, например, с youtube.com:

    Заходим на страничку с видео на сайте youtube.com -> Нажимаем «Отправить» -> После нажимаем «Встроить» -> Копируем код и вставляем его на страницу (прежде чем вставить код не забудьте отключить визуальный редактор)

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

    Хранить файлы с музыкой и видео на самом сайте очень не выгодно (тем более на окисе нельзя хранить слишком много файлов), поэтому самым оптимальным вариантом является передача данных с других хостингов.

  • дима
    13 декабря, 2011, 8:07
    Цитировать

    помогите!!!! я виджет сделал, а он не работает! загрузка бесконечная идет!!

  • admin
    17 декабря, 2011, 19:02
    Цитировать

    Цитата:

    помогите!!!! я виджет сделал, а он не работает! загрузка бесконечная идет!!

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

    Решение:

    отключите визуальный редактор -> удалите старый код виджета -> заново вставьте код и сохраните в режиме ОТКЛЮЧЕННОГО визуального редактора страницу.

  • Gold_Den
    12 февраля, 2012, 19:00
    Цитировать

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

  • admin
    13 февраля, 2012, 8:47
    Цитировать

    Цитата:

    как добавить в шапку сайта кликабельный логотип

    Такой возможности нет в OKIS. Разве что, если Вы зададите стиль для заголовка h1 id="name-text" class="art-logo-name", который является ссылкой, чтобы тот был картинкой, а название сайта сделаете пустым, чтобы оно не было поверх картинки… Но с точки зрения оптимизации сайта — это в корне не правильно. OKIS ограничивает возможности и поэтому нужно подстраиваться под него. А переверстать сайт на OKIS нельзя.

  • Gold_Den
    15 февраля, 2012, 20:46
    Цитировать

    Спасибо за то что откликнулись, все-таки решил добавить его в графическом редакторе на шапку, так проще =), спасибо.

  • Татьяна
    19 февраля, 2012, 22:48
    Цитировать

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

  • дима
    4 апреля, 2012, 14:18
    Цитировать

    Скажите пожалуйста а какой у вас скрипт код стоит на сайте! И дате ссылку если не секрет!)

  • admin
    4 апреля, 2012, 23:42
    Цитировать

    Цитата:

    Скажите пожалуйста а какой у вас скрипт код стоит на сайте! И дате ссылку если не секрет!)

    Сайт webcaum.ru сделан на движке, в котором встроены уже комментарии. Что такое движок можно узнать на странице webcaum.ru/vopros-otvet/c...izhok-dlya-sajta. Если Вы хотите научиться делать сайты на движке, то могу порекомендовать вот этот курс: webcaum.ru/kursy-sajtostr...za-odin-den.html

  • Лена
    15 мая, 2012, 6:51
    Цитировать

    скажите пожалуйста как со школьного сайта убрать рекламу?

  • admin
    15 мая, 2012, 13:13
    Цитировать

    Цитата:

    скажите пожалуйста как со школьного сайта убрать рекламу?

    Отсутствие рекламы на окисе стоит 99 рублей в месяц и 1057 рублей в год (со скидкой 11%)

    Если у Вас сайт на окисе, то нужно пополнить счёт в разделе «Пополнение баланса». Затем перейти в раздел «Платный тариф» и выбрать, на какой срок Вы хотите убрать рекламу.

  • Андрей Барабаш
    17 июля, 2012, 22:40
    Цитировать

    у меня не получилось (( вставил полученный код и ничего пусто.

  • admin
    18 июля, 2012, 12:10
    Цитировать

    Цитата:

    у меня не получилось (( вставил полученный код и ничего пусто.

    Да, действительно, уже такой способ не работает. Раньше всё показывалось нормально. Тогда придётся вставлять код для каждой страницы в отдельности. Нужно зайти в «Страницы сайта» -> далее выбрать страницу, где вы хотите вставить код с комментариями -> Отключите визуальный редактор -> вставьте код в конце содержимого -> и, не включая визуальный редактор, нажмите «Сохранить».

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

    Урок я переделаю на этих выходных.

  • Андрей Барабаш
    18 июля, 2012, 13:49
    Цитировать

    к сожалению и такой способ не работает(((

  • admin
    18 июля, 2012, 14:25
    Цитировать

    Цитата:

    к сожалению и такой способ не работает(((

    Вы сохраняете страницу при ОТКЛЮЧЕННОМ визуальном режиме?

    Я проверял сегодня — у меня всё получилось.

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

  • admin
    18 июля, 2012, 14:28
    Цитировать

    Цитата:

    к сожалению и такой способ не работает(((

    Зайдите на сайт coctail60.okis.ru — там на главной странице Вы увидите, что поле с комментариями показывается. Так что у Вас тоже должно получиться. Нужно просто отключить визуальный редактор.

  • Андрей Барабаш
    19 июля, 2012, 10:39
    Цитировать

    не выходит что-то ... zachita-veri.okis.ru/index.html

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

  • admin
    19 июля, 2012, 14:36
    Цитировать

    Цитата:

    не выходит что-то ... zachita-veri.okis.ru/index.html

    У Вас не выходит, потому что Вы сохраняете страницу в визуальном режиме. В редакторе страницы нажмите на ссылку «Отключить визуальный редактор». Скопируйте ЗАНОВО код со страницы vk.com/developers.php?o=-1&p=Comments и вставьте его в конце содержимого, после чего нажмите «Сохранить», не переходя в визуальный режим. В субботу я переделаю урок, и Вы наглядно сможете увидеть, о чём я говорю.

  • admin
    19 июля, 2012, 14:42
    Цитировать

    Цитата:

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

    Коды для изменения основного меню:

    .art-vmenublockcontent-body ul.art-vmenu li a span.t {color: #5a5a63; background: #9cacc4; border: 2px solid #5a5a63; }

    .art-vmenublockcontent-body ul.art-vmenu li a:hover span.t {color: #110f19; background: #677dc3;}

    .art-vmenublockcontent-body ul.art-vmenu li a.active span.t {color: #110f19; background: #677dc3;}

    .art-vmenu {border-bottom: 2px solid #5a5a63; }

    Первый код меняет оформление основного меню, второй меняет оформление основного меню, при наведении на него курсора мышки, третий код меняет оформление активного меню. Четвёртый код сделает рамку внизу всего меню в 2px, которой не хватает.

    color:#5a5a63; — меняет цвет текста (можно указать свой цвет)

    background: #9cacc4; — меняет цвет фона (можно указать свой цвет)

    border: 2px solid #5a5a63; — сплошная рамка (solid) цвета #5a5a63 шириной в 2px.

  • Андрей Барабаш
    19 июля, 2012, 16:20
    Цитировать

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

    2.мне нужно поменять КНОПКИ меню, а не оформление, с оформлением я знаком, а вот поменять стандартные прямоугольные кнопки на какие-нибудь овальные не получается.

  • admin
    19 июля, 2012, 16:45
    Цитировать

    Цитата:

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

    Странно, не должно быть так… У Вас код виджета был исправлен админкой именно так, если бы Вы сохраняли страницу в визуальном режиме. Попробуйте в другом браузере. Я оперой вставлял, и у меня всё нормально сохранялось. Только неудобство состоит в том, что каждый раз, меняя что-то на странице, нужно копировать код со страницы vk.com/developers.php?o=-1&p=Comments и заново его вставлять при отключенном визуальном режиме.

    Цитата:

    2.мне нужно поменять КНОПКИ меню, а не оформление, с оформлением я знаком, а вот поменять стандартные прямоугольные кнопки на какие-нибудь овальные не получается.

    А тот код, что я скинул, Вы не пробовали использовать? Только вместо background: #9cacc4; нужно в Вашем случае написать background: url(ПУТЬ_К_ИЗОБРАЖЕНИЮ), т.е. так:

    .art-vmenublockcontent-body ul.art-vmenu li a span.t {color: #цвет текста; background: url(ПУТЬ_К_ИЗОБРАЖЕНИЮ_КНОПКИ); }

    Скиньте ссылку на кнопку. Я попробую вставить на свой сайт.

  • Андрей Барабаш
    19 июля, 2012, 16:45
    Цитировать

    2. вот код изменения кнопок меню

    .art-vmenublockheader .l, .art-vmenublockheader .r { background-image: url(/img/zachita-veri/19.jpg); } но что-то он не прокатывает у меня.

  • admin
    19 июля, 2012, 16:58
    Цитировать

    Цитата:

    .art-vmenublockheader .l, .art-vmenublockheader .r { background-image: url(/img/zachita-veri/19.jpg); } но что-то он не прокатывает у меня.

    Я не такой код Вам скидывал.

    Я скидывал следующее:

    .art-vmenublockcontent-body ul.art-vmenu li a span.t {color: #ff0000; background: url(/img/cocktail60/19.jpg); }

    Зайдите на сайт cocktail60.okis.ru и Вы увидите, что код работает.

  • Андрей Барабаш
    19 июля, 2012, 17:17
    Цитировать

    Да действительно, огромное спасибо.

  • Лин
    8 февраля, 2013, 10:03
    Цитировать

    А у меня виджет двоится и уходит под футер! Измучилась уже, не знаю, что делать.

    clubnatali.okis.ru

  • Светлана
    2 мая, 2013, 19:22
    Цитировать

    Скажите, пожалуйста, как на сайте к фотографиям привязать внешние ссылки?

  • admin
    5 мая, 2013, 11:12
    Цитировать

    Цитата:

    Скажите, пожалуйста, как на сайте к фотографиям привязать внешние ссылки?

    Внешние ссылки — это ссылки с других сайтов. Получить внешние ссылки не так-то просто, если не вкладывать деньги в них. Это уже отдельная тема о том, как получить внешние ссылки. Называется она: «продвижение сайта». Вот Вам курс в помощь webcaum.ru/kurs-money-master-3-otziv.html, который подробно рассматривает методы продвижения.

    Может, Вы имеете в виду, как сделать ссылкой картинку? Точно так же, как мы делали ссылкой отдельные фразы в уроке webcaum.ru/urok-11-uchims...ym-stranicy.html. Кликаем один раз по картинке, тем самым выделяя её -> Нажимаем на кнопку «Ссылка» -> Указываем нужный адрес, на который будет ссылаться картинка -> Нажимаем кнопку «Вставить».

    Всё, ссылка сделана.

    А вообще вопрос не по теме урока. Общие вопросы задавайте здесь в следующий раз:

    webcaum.ru/kak-sdelat-bes...ajt-na-okis.html

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

© 2011 Все права защищены законодательством РФ.
Автор разрешает использовать материалы сайта только при одном условии – на страницу сайта webcaum.ru, от куда был скопирован материал (или частично скопирован), должна быть проставлена индексируемая ссылка Поднять страницу вверх