Блоги и комментарии

Блоги и комментарии

Управление комментариями

В новой версии сайта «Сплетник.ру» были реализованы древовидные комментарии. Теперь авторизованный пользователь сам может выбирать, в каком виде ему удобнее читать комментарии. Управлять отображением комментариев можно с помощью панели, которую можно увидеть под любым редакционным текстом:

После того как пользователь определился, какой способ отображения ему больше подходит, он может сохранить настройки и данная панель больше не будет появляться. Пользователь в любой момент может изменить способ отображения комментариев в своем профиле.

 

Комментарии в виде списка

Комментарии отображаются линейно, без ветвлений. Если комментарий является ответом другому пользователю – то перед текстом комментария появляется его ник.
Линейные комментарии можно сортировать по дате – новые вверху или внизу.


Древовидные комментарии

С помощью ветвистых комментариев легко отслеживать обсуждение материалов.

 

Рейтингование комментариев

Каждый авторизованный пользователь может оценивать комментарии. Комментарий понравился – нажмите "+", нет – "-". Комментарии, у которых рейтинг меньше -5 автоматически скрываются.

Пользователю, чьи комментарии накопят отрицательный рейтинг -1000, будет запрещено авторизоваться на сайте «Сплетник.ру»

____________________________________________________________________________

Блоги на "Сплетнике"

Коллективные блоги созданы для того, чтобы читатели могли сами формировать контент "Сплетника".

Список блогов

В левой колонке находится список всех блогов, он же - рубрикатор. Его можно дополнить, свои предложения по рубрикации направляйте редакции в комментариях
к этому посту.

Авторизованный пользователь может создать пост нажав на ссылку «Добавить пост».

Лента постов

Все посты объединяются в ленты. Ленты бывают двух типов: общая лента и лента блога (рубрики). Для удобства чтения, ленты содержат: фильтр  «все посты/только интересное» и сортировку «по дате/по рейтингу»

Посты

Пользователь может: оставить свой голос, посмотреть проголосовавших за пост, добавить комментарий.

Голосование за пост

Каждый пользователь может выразить мнение о посте с помощью голосования. Понравился – нажмите «+», нет – «-».

Список проголосовавших

Для просмотра списка нажмите ссылку «Всего проголосовало». Вы увидите кому пост понравился, а кому – нет.

Комментирование постов

Каждый авторизованный пользователь может оставить комментарий.
 
Если отметить поле «подписаться на рассылку комментариев» и добавить комментарий, то на электронную почту пользователя будут приходить уведомления о новых комментариях к данному посту.


Top-5 постов за неделю

В левой колонке можно увидеть лучшую пятерку постов за неделю. Можно выбрать Топ-5 по рейтингу и по количеству комментариев.

Рейтинг блогеров

Рейтинг блогера – это сумма баллов за опубликованные посты и комментарии.

Сокращенный рейтинг блогеров

Пятерка лучших авторов всегда отображается в правой колонке.

Полный рейтинг блогеров

Рейтинг блогера - это сумма баллов, набранных за комментарии и посты. Каждый голос, отданный за комментарий, приносит автору один балл. Каждый голос, отданный за пост, добавит автору поста пять баллов. Перенесенный в основную ленту "Сплетника" пост добавит 25 баллов в рейтинг блогера.

Сортировать можно по: имени блогера, по месячному и по общему рейтингу.

 

Создание поста

Любой авторизованный пользователь может написать пост, нажав на ссылку «Добавить пост».

Требования к постам:

Заголовок поста - не более 70 символов
Картинка - ширина не более 526 пикселей для горизонтальных фото и не более 400 пикселей для вертикальных
Текст анонса - не более 250 символов
Текст поста - не менее 300, не более 20000 символов
Превью-изображение - 190x140 пиксилей

В конце поста должны стоять ссылки на источники, из которых вы взяли информацию и фотографии, использованные вами. Ссылки должны быть на сам пост, а не на главную страницу сайта. Они не отобразятся на сайте, но понадобятся нам, если ваш пост будет перенесен из блогов в основную ленту. Без источников информации и авторства фотографий пост в основную лету "Сплетника" перенесен не будет.

Картинка и превью-изображение должна быть размещены на стороннем хостинге (например, http://photobucket.com/ или www.keep4u.ru).

Предварительный просмотр поста

Перед публикацией поста обязательно проверьте как будет выглядеть пост на сайте, нажав ссылку «Посмотреть, что получилось». Право редактировать посты блогеров есть только у администраторов сайта, поэтому будьте внимательны при публикации.

Сохранение в черновик

Если пост не готов полностью - сохраните в черновики, нажав ссылку «Сохранить черновик». Все недописанные посты доступны в профиле пользователя.

Дополнение содержания поста

Автор поста может добавить текст к посту нажав ссылку «Дополнить содержание».

1 Интерфейс редактора


Редактор состоит из пяти основных частей:

Контекстное меню (1) - вызываемое по нажатию правой кнопки мыши на некотором объекте всплывающее меню с ярлыками наиболее распространенных операций, доступных для данного объекта.

Панель инструментов (2) - раздел в верхней части редактора, содержащий сгруппированные кнопки меню, которые дают доступ к различным функциям редактора.

Блоки элементов (3) - раздел в нижней части редактора, который отображает информацию об элементах HTML.

Область редактирования (4) - пространство под панелью инструментов, где добавляются и редактируются изображения, медиа-файлы, ссылки.

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

На рисунке 1.1 показаны основные блоки редактора:

Рисунок 1.1 - Интерфейс редактора

2 Изменение размера редактора

Изменить размер интерфейса редактора можно при помощи значка  в нижнем правом углу интерфейса.

3 Панель инструментов


Панель инструментов  расположена в верхней части окна редактора. Она содержит кнопки меню, которые дают доступ к различным функциям редактора. Все кнопки сгруппированы в соответствии с их функциями и включают в себя как простые операции (например, изменение стиля текста) так и более сложные функции (например, вставка текста или изображения).

Панель инструментов представлена на рисунке 3.1.

Рисунок 3.1 - Панель инструментов

Кнопки панели инструментов редактора иллюстрируются иконками;  при наведении на них мышью появляются всплывающие подсказки, отображающие названия функций, которым соответствуют данные иконки.

В таблице 1 указаны все элементы панели инструментов

Инструмент

Назначение

Переключатель для редктирования исходного кода HTML страницы

Вставляет информацию из буфера обмена в документ

Открывает диалоговое окно для вставки текста, предварительно подготовленного в программе Word, и очищает его от лишнего форматирования

Отменяет последнее действие

Возвращает последнее отмененное действие

Форматирует выделенный текст жирным начертанием

Форматирует выделенный текст курсивом

Делает выделенный элемент текста гиперссылкой

Удаляет выделенную гиперссылку

Добавляет изображение

Добавляет медиа-контен

 

4 Контекстное меню


Контекстное меню вызывается нажатием правой кнопки мыши. На рисунке 4.1 представлено контекстное меню для ссылки.

Рисунок 4.1 - Контекстное меню

Меню является контекстно-зависимым, то есть варианты выбора функций отображаются в нем в зависимости от объекта, который был выбран.

5 Вставка изображений


Для того чтобы вставить изображение необходимо:

1.     поставить курсор в место, где будет растоложено изображение,

2.     кликнуть на кнопку «Изображение»  на панели инструментов,

3.     указать параметры изображения,

4.     нажать "ОК".

Параметрами изображения являются:

  • ссылка;
  • альтернативный текст;
  • ширина;
  • высота;
  • предпросмотр (Preview).

Рисунок 5.3 - Вкладка «Информация об изображении»

Ссылка - web-адрес изображения. Изображение может быть расположено на сайте spletnik.ru или на внешнем сервере.

Если изображение расположено на сайте spletnik.ru, то можно использовать путь, который не включает доменное имя и начинается с косой черты, например /img/stand.jpg

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

Ширина - ширина изображения в точках (пикселях). По умолчанию это размер исходного изображения.

Высота - высота изображения в точках (пикселях). По умолчанию это размер исходного изображения.

Предпросмотр (Preview) - предварительное отображение выбранного изображения, отформатированного в соответствии с параметрами.

 

6 Создание ссылки


Инструмент «Ссылка» позволяет добавлять интерактивные гиперссылки на:

  • страницы или файлы;
  • адрес электронной почты.

 

6.1 Добавление ссылки на страницу


Чтобы вставить ссылку на страницу, необходимо выделить объект (участок текста или рисунок) или установить курсор на странице в требуемое место и нажать кнопку на панели инструментов «Вставить/Редактировать ссылку». После нажатия откроется диалоговое окно «Ссылка».

В открывшемся окошке необходимо указать адрес страницы и протокол связи (рисунок 7.1).

Рисунок 6.1 - Диалоговое окно «Информация ссылки»

В поле «Протокол» выбрать протокол связи (например, http://). В поле «Ссылка» - адрес страницы, на которую требуется перейти по ссылке.

Например, для перехода на страницу http://example.com/about.html в поле «Протокол» нужно указать протокол связи (http://), а в поле «Ссылка» - example.com/about.html. При вставке в поле «Ссылка» адреса http://example.com/about.html протокол и ссылка будут сформированы автоматически.

6.2 Добавление ссылки на адрес электронной почты

Чтобы вставить ссылку на адрес электронной почты, необходимо установить курсор на странице в требуемое место и нажать кнопку на панели инструментов «Вставить/Редактировать ссылку». В открывшемся диалоговом окне «Ссылка» выбрать тип ссылки в поле «Тип ссылки»  из выпадающего списка «Email» (рисунок 6.2а).

Рисунок 6.2а - Выбор типа ссылки.

При выборе данного типа ссылки становятся доступны такие поля ввода, как:

  • Email адрес - адрес получателя почты. Это поле является обязательным для ввода.
  • Тема сообщения - по умолчанию текст, который будет вставлен в строке темы отправки почты. Данное поле является необязательным для заполнения.
  • Текст сообщения - по умолчанию текст, который будет вставлен в сообщение электронной почты. Данное поле является необязательным для заполнения.

Рисунок 6.2б - Тип ссылки: Электронная почта

Заполнив требуемые поля, следует нажать кнопку «ОК».

6.3 Удаление ссылки

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

7 Добавление медиа-контента

Под медиа-контентом подразумеваются видео, фото и аудио объекты.

Инструмент «Внедрить медиа-контент с различных сайтов»  позволяет добавить медиа-контент (например, видео) с сайтов YouTube, Flickr, Qik, Vimeo, Hulu, Viddler, MyOpera и т. д. Полный список доддерживаемых сайтов приведен здесь: https://github.com/w8tcha/CKEditor-oEmbed-Plugin.

Для того, чтобы добавить Медиа-контент на страницу необходимо:

1.     установить курсор на странице в требуемое место,

2.     нажать на кнопку «Внедрить медиа-контент с различных сайтов»  на панели инструментов,

3.     задать в открывшемся окошке параметры медиа контента (рис. 7),

4.      нажать «ОК».

Рисунок 7 - Добавление медиа-контента.

Параметры медиа-контента:

  • URL - адрес страницы с медиа-контентом. Сайт, с которого будет вставлен контент должен находится в списке разрешенных, в противном случае добавить такую ссылку не получится.
  • Макс. ширина - максимальная ширина ролика в пикселях (по умолчанию 560).
  • Макс. высота - максимальная высота ролика в пикселях (по умолчанию 315).