Руководство предназначено для неподготовленных пользователей системы "1с-битрикс: Управление сайтом asp. Net "



Скачать 152.19 Kb.
Дата16.09.2014
Размер152.19 Kb.
ТипРуководство


1С-Битрикс: Управление сайтом ASP.NET

Организация показа новостей на сайте

Содержание



Введение 3

Глава I. Создание блока новостей 4

Тип информационных блоков 4

Информационный блок 7

Создание разделов информационного блока 12

Добавление новостей 14

Глава II. Размещение новостей в публичном разделе 20

Новостной раздел 20

Публикация новостей 20

Публикация новостей с помощью простых компонентов 20

Публикация новостей с помощью комплексного компонента 25

Заключение 29


Введение


Руководство предназначено для неподготовленных пользователей системы "1С-Битрикс: Управление сайтом ASP.NET".

В руководстве приводится пример создания новостного раздела на сайте. В качестве инструмента используется модуль Информационные блоки.

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

В руководстве подробно рассматривается процесс создания раздела Новости в логической структуре сайта. Также будет описан процесс заполнения информации и способ вывода новостей в публичный раздел сайта.



Если у вас возникнут вопросы по продуктам компании "1С-Битрикс", вы можете обратиться в службу Технической поддержки (http://dev.1c-bitrix.ru/support/).

Глава I.Создание блока новостей


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

  • создание типа информационного блока Новости;

  • создание информационного блока Новости магазина;

  • создание раздела новостей (данный этап не является обязательным);

  • добавление новости;

  • вывод информационный блок в публичном разделе сайта.

Тип информационных блоков


  • Перейдите в административный раздел (закладка Панель управления на Административной панели).

  • Откройте страницу Типы информационных блоков (Контент > Информ. блоки > Типы информ. блоков).


  • Для перехода к форме создания нового типа инфоблока нажмите на кнопку Добавить новый тип, расположенную на контекстной панели (Рис. 1 .1):



Рис. 1.1 Типы информационных блоков

  • В открывшейся форме (Рис. 1 .2) заполните следующие поля:



Рис. 1.2 Создание нового типа инфоблока

  • В поле Индекс сортировки укажите вес данного типа информационных блоков, определяющий его положение в списке типов инфоблоков.

  • Установите флажок в поле Использовать древовидный классификатор элементов по разделам. Это означает, что информационные блоки данного типа могут иметь иерархическую структуру, т.е. могут быть разбиты по разделам и подразделам.

  • В полях Название, Разделы, Элементы укажите название типа, название разделов и название элементов информационного блока соответственно. Названия нужно определить для тех языков сайта, на которых будет доступен данный тип информационных блоков. Например, для русскоязычного сайта информационный блок типа Новости будет содержать разделы Группы и элементы Новость.

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

  • Для сохранения настроек нажмите кнопку Сохранить.

Каждый тип информационных блоков, созданный в системе, автоматически добавляется в административное меню (Рис. 1 .3) и в список типов информационных блоков (Рис. 1 .4):

Рис. 1.3 Корень меню Контент



Рис. 1.4 Список типов инфоблоков


Информационный блок


  • Для создания информационного блока в типе Новости, перейдите на страницу данного типа (Контент > Новости).

  • Нажмите на кнопку Добавить инфоблок, расположенную на контекстной панели (Рис. 1 .5):



Рис. 1.5 Добавление нового инфоблока

  • Откроется страница с формой создания (редактирования) информационного блока (Рис. 1 .6):



Рис. 1.6 Создание инфоблока Новости магазина

  • На закладке Инфоблок задайте основные настройки информационного блока.

  • Установите флажок в поле Активен, чтобы создаваемый информационный блок стал активным (т.е. его содержимое могло быть отображено в публичном разделе сайта).

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

  • В поле Сайты обязательно выберите сайт (сайты), на котором будет показан информационный блок.

  • В поле Название обязательно задайте имя информационного блока.

  • В поле Индекс сортировки укажите вес данного информационного блока, определяющий его положение в списке блоков.

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

  • Перейдите на закладку Свойства формы редактирования инфоблока (Рис. 1 .7):



Рис. 1.7 Настройка свойств

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

  • Примечание: символьный код свойства указывается только латинскими символами.

  • Обязательно укажите название свойства в поле Название.

  • В поле Акт. установите флаг активности свойства.

  • В поле Тип установите тип значения свойства (например, строка, дата и т.д.).

  • Если свойство может иметь несколько значений, то нужно установить флажок в поле Множ. (множественное).

  • В поле Сорт. задайте вес каждого свойства для определения его положения в списке свойств.

  • Если нужно задать дополнительные значения свойств, то перейдите к форме детальной настройки свойства с помощью кнопки Изм. (Рис. 1 .8):



Рис. 1.8 Форма Детальная настройка пользовательского поля

  • Для удаления свойства нажмите на значок напротив свойства. После подтверждения свойство будет удалено.

  • Перейдите на закладку Доступ и установите права различных групп пользователей на доступ, чтение и редактирование содержимого информационного блока (Рис. 1 .9):



Рис. 1.9 Настройка прав доступа к инфоблоку

  • На закладке Подписи укажите произвольные подписи и заголовки объектов инфоблока (Рис. 1 .10):



Рис. 1.10 Подписи и заголовки объектов инфоблока

  • Нажмите на кнопку Сохранить для добавления нового информационного блока.

После сохранения данные инфоблока Новости магазина будут размещены на странице со списком инфоблоков типа Новости.

Создание разделов информационного блока


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

Чтобы создать разделы инфоблока выполните следующее:



  • Перейдите на страницу Контент > Новости > Новости магазина.

  • Нажмите на кнопку Добавить подраздел, расположенную на контекстной панели (Рис. 1 .11):



Рис. 1.11 Добавление разделов каталога

  • Откроется форма создания/редактирования раздела (Рис. 1 .12):



Рис. 1.12 Параметры нового раздела

  • Установите флажок в поле Активен, чтобы сделать раздел активным.

  • Раздел не имеет родительского раздела, поэтому в соответствующем поле выберите значение Верхний уровень.

  • В поле Название обязательно укажите имя раздела.

  • С помощью поля Изображение можно загрузить изображение, характеризующее данный раздел (группу новостей).

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

  • Перейдите на закладку Дополнительно и укажите следующие параметры раздела (Рис. 1 .13):



Рис. 1.13 Дополнительные параметры нового раздела

  • В поле Индекс сортировки укажите вес данного раздела, определяющий его положение в списке. Можно оставить значение по умолчанию 500.

  • В поле Символьный код можно указать уникальный символьный код раздела. Задается только латинскими символами.

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

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

  • Нажмите на кнопку Сохранить для сохранения раздела.

    Например, для блока новости магазина могут быть созданы следующие разделы (Рис. 1 .14):





Рис. 1.14 Разделы новостей магазина

Добавление новостей


Чтобы добавить новость выполните следующее:

  • Нажмите на кнопку Добавить элемент, расположенную на контекстной панели (Рис. 1 .15):



Рис. 1.15 Добавление новости

    Откроется форма создания/редактирования новости (Рис. 1 .16):



Рис. 1.16 Создание новости

  • Чтобы новость могла быть опубликована в публичном разделе сайта, установите флажок в поле Активен.

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

  • В поле Название обязательно укажите название новости.

  • В разделе Значения свойств укажите значение свойств, созданных для элементов данного информационного блока (см. главу Информационный блок, закладка Свойства).

  • Перейдите на закладку Анонс. Задайте изображение и содержание анонса, характеризующие данную новость в списке анонсов в публичном разделе сайта (Рис. 1 .17):



Рис. 1.17 Информация для анонса

  • Перейдите на закладку Подробно. Задайте текст новости и изображение, которые будут отображены на странице детального просмотра новости (Рис. 1 .18):



Рис. 1.18 Детальная информация

  • На закладке Группы в поле Разделы выберите раздел, к которому относится данная новость (Рис. 1 .19):



Рис. 1.19 Разделы новостей

  • Перейдите к настройке дополнительных параметров на закладке Дополнительно (Рис. 1 .20):



Рис. 1.20 Дополнительные параметры

  • В поле Индекс сортировки задайте относительный “вес” данной новости в списке новостей. Чем меньше индекс сортировки, тем выше в списке будет располагаться данная новость.

  • В поле Символьный код можно задать уникальный символьный код новости. Используйте только латинские символы.

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

  • Для сохранения новости нажмите кнопку Сохранить.

    Добавление других новостей выполняется аналогично.



  • Примечание: перейти к добавлению новости можно и в публичном разделе. Для этого необходимо в режимах Редактирование или Разработка нажать на кнопку управления компонентом и выбрать в меню команду Добавить новость (Рис. 1 .21):



Рис. 1.21 Переход к добавлению новости в публичном разделе

Глава II.Размещение новостей в публичном разделе

Новостной раздел


Пусть задача по выводу новостей в публичном разделе поставлена так:

  • вывести на главной странице раздела список нескольких новостей, по клику на которые пользователь перейдет к детальному просмотру в новостном разделе.

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

Размещение информационного блока новостей в публичном разделе сайта осуществляется с помощью визуального редактора и компонентов.

Публикация новостей


Для размещения новостей в публичном разделе сайта можно воспользоваться компонентами из раздела Новости (Контент > Новости) визуального редактора:

  • комплексный компонент Новости (bitrix:news) служит для создания полнофункционального новостного раздела. Настройки позволяют устанавливать параметры просмотра детальной информации, списка элементов, ЧПУ и многого другого.

  • компонент Новость детально (bitrix:news.detail) позволяет настроить вывод детального описания новости, детального изображения, анонса и т.д. Различные опции компонента позволяют определить внешний вид страницы детального просмотра, специфицировать выводимые поля, настроить кеширование и постраничную навигацию.

  • компонент Лента (bitrix:news.line) предназначен для вывода списка новостей с датой и заголовком со ссылкой на страницу с подробной информацией.

  • компонент Список новостей (bitrix:news.list) выводит список новостей из одного информационного блока. Настройки позволяют кастомизировать вывод полей элементов в списке, управлять постраничной навигацией, выбирать формат даты, управлять настройками кеширования и т.д.

Размещение визуальных компонентов выполняется при создании и/или редактировании страниц с помощью визуального редактора.

Публикация новостей с помощью простых компонентов


Чтобы создать новостной раздел выполните следующее:

  • Нажмите кнопку Раздел группы кнопок Создать в любом из режимов работы публичной части (например, в режиме Просмотр).

  • В открывшемся окне мастера укажите Имя папки и Заголовок раздела (Рис. 2 .22):



Рис. 2.22 Мастер создания нового раздела. Шаг 1

  • Снимите флажок перейти к редактированию индексной страницы (эта страница будет отредактирована позже).

  • Отметьте флажок добавить пункт меню.

  • Нажмите кнопку Далее.

  • Откроется второй шаг создания нового раздела (Рис. 2 .23):



Рис. 2.23 Мастер создания нового раздела. Шаг 2

  • Укажите Имя нового пункта меню, как он будет отображен в публичной части. По умолчанию в это поле подставляется заголовок раздела.

  • Выберите Тип меню из созданных на сайте.

  • Нажмите Готово.

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

В новом разделе необходимо создать ещё одну страницу NewsDetail.aspx. Это можно сделать как с помощью Мастера создания страницы в публичной части (кнопку Страница группы кнопок Создать), так и в административной части.

Чтобы опубликовать новости с помощью простых компонентов выполните следующее:


  • Перейдите к редактированию индексной страницы раздела Default.aspx с помощью визуального редактора и разместите в рабочей области страницы компонент Список новостей (bitrix:news.list) (Рис. 2 .24):



Рис. 2.24 Размещение компонента Список новостей

    Настройте параметры компонента Список новостей следующим образом:

  • В группе параметров Основные настройки укажите Тип информационного блока и Код информационного блока и задайте количество новостей, отображаемых на одной странице (Рис. 2 .25):



Рис. 2.25 Основные настройки

  • В группе параметров Управление адресами страниц задайте URL страницы детального просмотра. В данном поле укажите NewsDetail.aspx?id=#ElementId# (Рис. 2 .26):



Рис. 2.26 Управление адресами страниц

  • При необходимости настройте другие параметры компонента.

  • Сохраните внесенные изменения с помощью кнопки Сохранить.

  • Далее перейдите к редактированию страницы NewsDetail.aspx с помощью визуального редактора и разместите в рабочей области страницы компонент Новость детально (bitrix:news.detail) (Рис. 2 .27):



Рис. 2.27 Размещение компонента Новость детально

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



  • В группе параметров Основные настройки укажите Тип информационного блока и Код информационного блока. Нажмите на кнопку EXP рядом с полем ID новости и укажите Request:Id (Рис. 2 .28):



Рис. 2.28 Основные настройки

  • В группе параметров Управление адресами страниц укажите URL страницы просмотра списка элементов (Рис. 2 .29):



Рис. 2.29 Управление адресами страниц

  • При необходимости настройте другие параметры компонента.

  • Сохраните внесенные изменения с помощью кнопки Сохранить.

    В результате на главной странице раздела Новости (/news/Default.aspx) будет опубликован список новостей (Рис. 2 .30):



Рис. 2.30 Главная страница раздела Новости



    При выборе какой-либо новости в списке данная новость будет открыта на странице детального просмотра (Рис. 2 .31):

Рис. 2.31 Подробный вид новости



Публикация новостей с помощью комплексного компонента


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

  • Создайте раздел Новости (см. пункт Публикация новостей с помощью простых компонентов).

  • Отредактируйте индексную страницу раздела (Default.aspx) с помощью визуального редактора.

  • Разместите в рабочей области страницы комплексный компонент Новости (bitrix:news) (Рис. 2 .32):



Рис. 2.32 Размещение компонента Новости

    Настройте параметры компонента Новости (bitrix:news) следующим образом:

  • В группе параметров Основные настройки укажите тип информационного блока и код инфоблока (в нашем случае Новости и Новости магазина соответственно) и задайте количество новостей, отображаемых на одной странице (Рис. 2 .33):



Рис. 2.33 Основные настройки

  • В группе параметров Дополнительные настройки отметьте опцию Строить меню и укажите Тип меню (Рис. 2 .34):



Рис. 2.34 Дополнительные настройки

  • Произведите настройку остальных параметров, если это необходимо.

  • Сохраните внесенные изменения с помощью кнопки Сохранить.

    В результате в публичной части будет опубликован список новостей (Рис. 2 .35), в левом меню будут отображены разделы новостей, при переходе по ссылке с какой-либо новостью будет отображен детальный вид новости (Рис. 2 .36):





Рис. 2.35 Список новостей и разделов



Рис. 2.36 Подробный вид новости




Заключение


В руководстве рассмотрены основные шаги по созданию новостного раздела на сайте с помощью средств продукта "1С-Битрикс: Управление сайтом ASP.NET". Используя приведенные инструкции, Вы сможете решить типовую задачу по выводу новостей на сайте. Если требуется решить нестандартную задачу, то работайте со свойствами инфоблоков, настраивайте шаблоны компонентов под свои требования.

Вопросы можно задавать в форуме на сайте компании "1С-Битрикс":

http://dev.1c-bitrix.ru/community/forums/

или же решать в рамках технической поддержки компании "1С-Битрикс":



http://dev.1c-bitrix.ru/support/



Похожие:

Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconРуководство предназначено для неподготовленных пользователей системы "1с-битрикс: Управление сайтом"
...
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconРуководство по локализации продукта Содержание: выгрузка локализации 4 Экспорт локализации 4
Руководство предназначено для администраторов системы "1c-битрикс: Управление сайтом asp. Net ". В документе рассматриваются процедуры,...
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconРуководство по инсталляции Содержание установка продукта с помощью Windows-инсталлятора 5
Данное руководство предназначено для пользователей системы "1c-битрикс: Управление сайтом". В документе рассматриваются процедуры...
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconКонтент 34 Новости 34
Руководство предназначено для пользователей, администраторов и редакторов сайта на базе системы "1с-битрикс: Управление сайтом x"....
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconРуководство по использованию сервиса Google Code
...
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconРуководство по настройке модуля Проактивная защита
Для этого в системах "1с-битрикс: Управление сайтом" и "1с-битрикс: Корпоративный портал" предусмотрен модуль Проактивная защита,...
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconКраткий обзор ado. Net 2 Сравнение ado и ado. Net 2 Компоненты ado. Net и объектная модель 3
Для прикладных программ на основе asp. Net предусмотрена возможность использования технологии ado. Net, что позволяет обращаться...
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconРуководство по установке на iis 0 Введение в руководстве приводятся подробные инструкции по установке
Для функционирования системы «1с-битрикс: Управление сайтом» необходима установка php версии 0 или выше. При использовании дистрибутива...
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" iconРуководство по использованию технологии ajax содержание
Технология ajax в системе «1с-битрикс: Управление сайтом» реализована на двух уровнях
Руководство предназначено для неподготовленных пользователей системы \"1с-битрикс: Управление сайтом asp. Net \" icon4 глава Типовой порядок работы 6 Глава Техническое задание 8 Настройка модуля Валюта 10
Управление сайтом". При составлении документа подразумевалось, что разработчик владеет терминологией и основными приемами работы...
Разместите кнопку на своём сайте:
ru.convdocs.org


База данных защищена авторским правом ©ru.convdocs.org 2016
обратиться к администрации
ru.convdocs.org