воскресенье, 13 марта 2016 г.

Как создать форум в Блоггер

Расскажу, как я сделал  форум на статичной страничке своего блога. Создать форум при блоге захотелось по двум причинам. Во-первых, я искал и продолжаю искать варианты увеличения посещаемости.  А она по-прежнему маловата. Подумалось, что форум, куда люди будут заходить чаще, чем собственно в блог для прочтения очередной статьи, может в этом помочь. Во вторых, хотелось создать простую и удобную форму связи с читателями - более удобную, чем комментарии статей и отправка письма авторы через форму для связи. На мой взгляд, второй цели я сумел добиться - такая форма для связи создана. А вот по поводу изменения посещаемости вывод пока делать рано - форум я только-только запустил. Посмотрим вместе с вами, что получилось спустя некоторое время.
Итак, как это сделать? Я использовал бесплатный форум Free forum by Nabble.

Для того, чтобы получить там код для внедрения - ничего, кроме регистрации не требуется. Заходим на страничку Greate Free Forum, регистрируемся, придумываем имя форума (у меня оно совпадает с именем сайта) - и получаем код - две строчки HTML текста, который свяжет ваш блог и серверы Nabble, на которых будет храниться вся информация блога. У меня - вот такой


Этот код необходимо вставить в код статичной странички, которую для этого необходимо создать. Обычным порядком - "страницы - создать страницу - HTML - вставить". Страничке при ее создании лучше присвоить адрес /forum.html, а затем переименовать в "Форум"
Все, блог создан.
Однако, останавливаться, как выяснилось нельзя. В шаблоне моего блога  используется одна колонка для виджетов - справа. И она на всех страницах без исключения, в том числе - и на страничке блога. Блог от этого - маленький и неудобный. Надо убрать с этой странички все виджеты. Как? Есть разные пути. Я пошел по трудоемкому, но для меня более доступному. Другие просто у меня не получились, хотя мучился я долго.
Вот этот путь. Каждый виджет в HTML коде шаблона надо взять в окружение двумя строчками вот так, как я это сделал в отношении виджета - "Охотничьи новости этого сайта". Вот после этой строчки -
 <b:widget id='PageList3' locked='false' title='Охотничьи новости этого сайта' type='PageList'>
 <b:includable id='main'
вставить:
<b:if cond='data:blog.url != &quot;http://www.vologohota.ru/p/forum.html&quot;'>
(Вместо URL форума Вологодской охоты скопируйте из поисковой строки URL созданной вами странички),
а по окончании содержания виджета и перед следующим -
</b:if>
Содержание этих двух строк  - "виджет не показывать на страничке с данным URL"
Вставили? Все - этот виджет со странички ушел.
И так надо  поступить с каждым виджетом, имеющимся на этой странице.
После того как вы выполните эту кропотливую работу, на страничке останется только форум.
Только вот незадача - останется он не полностью заполняя страницу - ширина центральной части блога задана в CSS  коде - т.е. коде стилей страницы.
Ее необходимо изменить: сразу после ]]></b:skin>  в шаблоне блога надо вставить:
<b:if cond='data:blog.url == &quot;http://www.vologohota.ru/p/forum.html&quot;'>
<style>
 .column-center-outer {width:1080px;}
</style>
</b:if>
Замените URL  на URL своего форума. Запись означает, что ширина центральной колонки на данной страничке - 1080 px.
Не делайте более широкой - не будет влезать на мобильных устройствах.
Все. Форум создан и занимает всю страницу блога.
У меня после одной недели работы он выглядит так. Мне нравится. Конечно, набор функций форума не очень широк - так ведь бесплатно! Для начала - сойдет.

Комментариев нет:

Отправить комментарий