Урок№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>>>

28 comments

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

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

    Может, Вы имеете в виду, как сделать ссылкой картинку? Точно так же, как мы делали ссылкой отдельные фразы в уроке https://webcaum.ru/urok-11-uchimsya-dobavlyat-novuyu-stranichku-na-okisru-i-rabotat-s-soderzhimym-stranicy.html. Кликаем один раз по картинке, тем самым выделяя её -> Нажимаем на кнопку «Ссылка» -> Указываем нужный адрес, на который будет ссылаться картинка -> Нажимаем кнопку «Вставить».
    Всё, ссылка сделана.

    А вообще вопрос не по теме урока. Общие вопросы задавайте здесь в следующий раз:
    https://webcaum.ru/kak-sdelat-besplatnyj-sajt-na-okis.html

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

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

  • Цитата:
    .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 и Вы увидите, что код работает.

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

  • Цитата:
    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(ПУТЬ_К_ИЗОБРАЖЕНИЮ_КНОПКИ); }

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

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

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

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

    .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.

  • Цитата:
    не выходит что-то … zachita-veri.okis.ru/index.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Отсутствие рекламы на окисе стоит 99 рублей в месяц и 1057 рублей в год (со скидкой 11%)
    Если у Вас сайт на окисе, то нужно пополнить счёт в разделе «Пополнение баланса». Затем перейти в раздел «Платный тариф» и выбрать, на какой срок Вы хотите убрать рекламу.

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

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

    Сайт https://webcaum.ru сделан на движке, в котором встроены уже комментарии. Что такое движок можно узнать на странице https://webcaum.ru/vopros-otvet/chto-takoe-dvizhok-dlya-sajta. Если Вы хотите научиться делать сайты на движке, то могу порекомендовать вот этот курс: https://webcaum.ru/kursy-sajtostroeniya/videokurs-wordpress-professionalnyj-blog-za-odin-den.html

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить комментарий