Урок№9. Как организовать общение на сайте, сделанном на okis.ru
Наверное, у многих, у кого есть сайт на окисе, может возникнуть вопрос, как реализовать комментарии или чат на сайте. Об этом мы и поговорим в данной заметке.
К сожалению, разработчики конструктора сайта ОКИС не предоставляют возможности организации общения на сайтах, сделанных на okis.ru. Дело в том, что когда посетитель сайта оставляет комментарий или сообщение, то эта информация записывается в базу данных MySQL, которая доступна только владельцам сайта okis.ru, но для этого нужно написать целый скрипт, позволяющий посетителям сайта общаться. Пока что такого скрипта нет – может быть в будущем, программисты ОКИСА восполнят данный пробел. На форуме окиса, в качестве альтернативы, предлагается вставить специальный код, который предоставляет соц. сеть Вконтакте, на той странице, где Вы хотите, чтобы посетители общались.
Итак, как подключить виджет для комментариев от соц. сети Вконтакте:
- Зайдите на сайт http://vkontakte.ru и введите свой логин и пароль (если у Вас нет странички в Вконтакте – заведите её, иначе виджет для комментариев будет недоступен для Вас);
- Перейдите на страничку http://vkontakte.ru/developers.php?o=-1&p=Comments;
- Заполните информацию о Вашем сайте и установите параметры (количество комментариев, ширина и т.д.);
- Нажмите сохранить;
- После чего необходимо скопировать предложенный код и вставить его в разделе «Размещение рекламы» в самом нижнем поле, где написано «Этот код будет отображаться под содержимым сайта (контентом)», затем нажмите «Обновить»;
- Теперь на всех страницах Вашего сайта есть форма для комментариев.
Единственный недостаток такого способа – это то, что оставлять комментарии смогут только авторизированные пользователи социальной сети ВКонтакте. Но поскольку практически у каждого есть своя страничка в ВКонтакте, то общение посетителей сайта не будет слишком сильно затруднено.
Последовательность действий в картинках:
Сохраните код виджета
Зайдите в раздел «Размещение рекламы»
Вставьте код виджета в самое нижнее поле и нажмите «Обновить»
Теперь на всех страницах сайта можно оставлять комментарии!
Дополнительные уроки по созданию и ведению сайта на OKIS:
Урок№10. Как активировать сайт на okis.ru с помощью WebMoney
Урок №11. Учимся добавлять новую страничку на okis.ru и работать с содержимым страницы
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-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); } но что-то он не прокатывает у меня.
Странно, не должно быть так… У Вас код виджета был исправлен админкой именно так, если бы Вы сохраняли страницу в визуальном режиме. Попробуйте в другом браузере. Я оперой вставлял, и у меня всё нормально сохранялось. Только неудобство состоит в том, что каждый раз, меняя что-то на странице, нужно копировать код со страницы vk.com/developers.php?o=-1&p=Comments и заново его вставлять при отключенном визуальном режиме.
А тот код, что я скинул, Вы не пробовали использовать? Только вместо 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.
У Вас не выходит, потому что Вы сохраняете страницу в визуальном режиме. В редакторе страницы нажмите на ссылку «Отключить визуальный редактор». Скопируйте ЗАНОВО код со страницы 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 -> Нажимаем «Отправить» -> После нажимаем «Встроить» -> Копируем код и вставляем его на страницу (прежде чем вставить код не забудьте отключить визуальный редактор)
Музыку ни разу не вставлял на сайт, но принцип, наверное, тот же самый. Наберите «Хостинг для музыки» в поисковой системе и выберите себе подходящий.
Хранить файлы с музыкой и видео на самом сайте очень не выгодно (тем более на окисе нельзя хранить слишком много файлов), поэтому самым оптимальным вариантом является передача данных с других хостингов.
скажи пожалуйста как на сайт добавлять музыку и видео