Басыров Р. - Открываем магазин с помощью 1С Битрикс

Интернет давно уже стал обыденностью. Свое представительство в нем имеют все, кто только захочет.
И действительно, трудно найти более удобный инструмент для поиска единомышленников, обмена информацией и общения. Поскольку вы заинтересовались этой книгой, объяснять преимущества обладания собственным веб-проектом мы не будем. Вас интересуют конкретные технологии создания сайта.
Эта книга об одной из таких технологий CMS и, самое главное, об одном из вариантов реализации данного класса программ CMS 1С-Битрикс: Управление сайтом.
CMS (система управления содержимым сайта) не единственная технология создания сайтов. Можно написать сайт, просто обладая знанием языка HTML. Однако это требует не только знания языка, но и определенного опыта.
Мы же предполагаем, что наш читатель не обладает этими навыками или обладает ими на самом минимальном уровне. Кроме того, сайт, созданный только на HTML, довольно сложен в ежедневной поддержке и обновлении для обычного пользователя, знакомого только с MS Office да какой-нибудь графической программой.
CMS же удобна именно тем, что редактировать сайт и управлять его работой может пользователь, не обладающий профессиональными знаниями в области IT-технологий. Достаточно знаний уровня самого обычного офисного работника.
Поэтому CMS и получила самое широкое распространение.
Как правило, сайты с использованием той или иной системы управления содержимым сайта создаются профессиональными веб-студиями. Но это требует денег, да и сама CMS стоит недешево. Создание сайта в финансовом плане состоит из затрат на собственно программное обеспечение, создание дизайна проекта, самого сайта и его наполнение содержимым (контентом).
Если трат на программное обеспечение избежать нельзя (если только вы не выиграли CMS в какую-нибудь лотерею или не получили в подарок), то затраты на создание сайта вполне можно снизить. Это ПО не настолько сложная вещь, чтобы пытливый и на-
стойчивый ум не смог в нем разобраться, если, конечно, перед вами стоят типовые задачи, на которые настроена система управления сайтом. Современные CMS могут перекрывать 95% потребностей обычных заказчиков.
Единственный пункт, кроме приобретения ПО, на котором мы не рекомендуем вам экономить, это создание дизайна сайта. Внешний вид проекта очень многое значит для тех, кто будет на него заходить.
Аляповато или непрофессионально сделанный дизайн может испортить все ощущение от посещения сайта. Если вы все же решитесь на создание собственного дизайна, обратитесь к соответствующей литературе. В этой книге советов по созданию дизайна вы не найдете.
Также нет здесь советов по нарезке сайта. Мы подразумеваем, что дизайн у вас есть и он готов к импорту в CMS.
Книга рассчитана на тех, кто хочет создать сайт с использованием CMS 1С-Битрикс: Управление сайтом, но не имеет для этого опыта и знаний. Может быть, финансовые обстоятельства не позволяют прибегнуть к услугам профессиональных веб-студий.
Это прежде всего касается начинающих фрилансеров, работников мелких и средних компаний, начинающих предпринимателей, служащих бюджетных и государственных организаций, частных пользователей. То есть всех тех, у кого есть потребность (личная или производственная) в создании частного или корпоративного сайта, но либо не хватает финансовых ресурсов для обращения к профессиональным разработчикам, либо есть личный интерес в освоении технологии создания сайтов.
Процесс освоения технологии создания сайта построен по пошаговому принципу. Однако мы будем постепенно сворачивать пошаговые описания в одно предложение, чтобы избежать чрезмерного раздувания объема книги.
Мы предполагаем, что читатель достаточно обучаем, чтобы не повторять описание одно и того же действия; тем не менее в тексте вы будете встречать напоминания о действительно важных моментах.
Мы не обещаем вам легкой жизни и чудесных успехов за вечер-другой прочтения книги. Но при внимательном и точном следовании пошаговому описанию у вас все получится.
Эта книга расширенный вариант вышедшей ранее книги Постройте профессиональный сайт сами!, которая описывала создание сайта на базе редакции Стандарт 1С-Битрикс: Управление сайтом. Сейчас же мы рассмотрим редакцию Малый бизнес. Дополнения бу-
дут касаться возможностей организовать собственную торговую точку в Интернете. Число модулей в этой редакции не меньше, чем в редакции Стандарт. Но их подборка несколько отличается.
Это связано с тем, что редакция Малый бизнес предназначена для других целей. Она заточена на то, чтобы за не очень большие деньги дать возможность небольшим компаниям открыть собственный бизнес в Интернете.
Различие в комплектации модулей не дает возможности произвести прямой апгрейд с версии Стандарт на Малый бизнес. Это необходимо учитывать при выборе редакций.
Части модулей в Малом бизнесе нет, но удалять из книги главы, описывающие их, мы не стали.
И последнее замечание. Модули Каталог и Интернет-магазин очень большие и объемные.
Рассказать об их работе в полном объеме нам не удастся в силу ограниченности места. Мы приведем самый простой пример работы с ними, достаточный для того, чтобы вы поняли основные принципы работы.
За детальной информацией при настройке собственных магазинов вам лучше обратиться к документации по продукту, а за практическим опытом на форумы компании 1С-Битрикс.

Глава 1КРАТКО О CMS ВООБЩЕ И CMS БИТРИКС В ЧАСТНОСТИ

О CMS вообще

Давным-давно, на заре развития Интернета, сайты могли делать избранные мастера. Их так и называли: web-masters.
Эти веб-мастера осуществляли полный цикл работ от создания сайта до его наполнения контентом и поддержки в актуальном состоянии.

ПРИМЕЧАНИЕ

Контент (англ. content) любое информационно значимое (содержательное) наполнение сайта: тексты, графика, мультимедиа.
Сайты, созданные на основе языка Интернета HTML, назывались статическими (рис. 1.1).

ПРИМЕЧАНИЕ

Статический сайт это сайт, все изменения в котором вносятся в исходный код. То есть для изменения (создания, удаления) контента надо редактировать сами коды и перезагружать (загружать, удалять) измененные страницы на сервере провайдера.
Однако веб-мастерам было не очень интересно выполнять текущую работу по добавлению, изменению и удалению контента со статических сайтов. А владельцы сайтов были не подготовлены для того, чтобы делать это самостоятельно. И если веб-мастер вдруг куда-то пропадал (например, увольнялся), поддержка сайта становилась головной болью для владельца.
Напрашивалось решение: создать такое ПО, которое позволило бы самому обычному пользователю редактировать сайт без помощи профессионала. Такое программное обеспечение можно было создать на основе динамических сайтов.

ПРИМЕЧАНИЕ

Динамический сайт это сайт, в котором возможно изменять страницы на лету, то есть без правки кода и перезагрузки сайта на сервере провайдера.
Динамические сайты могут быть разными. Это понятие на сегодняшний день включает в себя широкий спектр программного обеспечения: и набор коротких скриптов, позволяющих добавлять новости или пресс-релизы на одной странице сайта; и полноценные системы пабли-шинга, поддерживающие процессы Workflow, которые обеспечивают различные схемы разграничения доступа, автоматически создающие связанные документы, и т. п.

ПРИМЕЧАНИЕ

Workflow (документооборот) это упорядоченное во времени множество рабочих заданий, получаемых и обрабатываемых сотрудниками компании (организации). Осуществляется он в последовательностях и в рамках правил, которые определены для данного бизнес-процесса в данной компании.
Но нас интересует программное обеспечение, которое представляет собой класс CMS-систем. Иногда CMS называют двигателем (или движком) сайта (site engine).

ПРИМЕЧАНИЕ

CMS (Content management system) система управления содержимым сайта. Компьютерная программа, используемая для управления контентом сайта.
CMS позволяют управлять текстовым и графическим наполнением веб-сайта, предоставляя пользователю удобные инструменты хранения и публикации информации независимо от уровня его квалификации.
Основная функция любой CMS состоит в автоматизации управления содержимым сайта, добавлении, удалении и редактировании его страниц. Некоторые CMS также упрощают процесс создания сайта, позволяют легко расширять его функциональность, менять дизайн, добавлять новые интерактивные модули (ленты новостей, форумы, фотогалереи и т. д.). Системы управления контентом отделяют содержание от внешнего вида (представления) информации.
Это реализуется через систему шаблонов.
Одной из особенностей CMS является то, что работа с ней не требует установки какого-либо дополнительного ПО на компьютер, с которого ведется работа с сайтом. Сама программа размещается на сервере провайдера, а пользователю достаточно иметь простой веб-браузер.
Маленькая оговорка: сама CMS должна поддерживать имеющийся у вас браузер. Но, как правило, все системы управления контентом поддерживают самые распространенные браузеры: Internet Explorer, Firefox.
Другая особенность наличие у CMS визуального WYSIWYG-редактора (рис. 1.2).

ПРИМЕЧАНИЕ

WYSIWYG (сокращение от англ. What You See Is What You Get, что видишь, то и получишь, произносится как ви-зи-виг) способ редактирования, при котором корректируемый материал в процессе редактирования выглядит так же, как и конечный результат.
Редактирование страницы: /іпаек.рпр
Normal
Дор о ф е ев Владимир
Я, как и большинство рыболовов, долгое время считал, что поймать крупного, товарного леща можно лишь на водохранилищах, в больших озерах или в крупных реках, на значительной глубине. Однако в последние годы я стал придерживаться иного мнения, и причиной этому стала систематическая ловля двух-трех килограммовых бронзовых лещей в небольших речках средней полосы России.
Такими уловами, причем не случайных, единичных особей, радовали как реки ближнего Подмосковья, таки водоемы, расположенные в сотнях километров от столицы.
WYSIWYG-редактор стараются делать максимально приближенным к привычному MS Word. Благодаря этому освоить работу на современных CMS могут самые обычные пользователи.
В последнее время системы управления содержимым сайта обзаводятся и несложными графическими редакторами, которые могут выполнять простейшие операции по обработке картинок при их загрузке на сайт.
Создано достаточно много различных CMS. Принципиальное деление у них одно: коммерческие и некоммерческие CMS.
Стоимость коммерческих может колебаться от нескольких сотен рублей до нескольких десятков тысяч долларов. Стоимость CMS во многом определяется составом системы и функционалом.
Большая часть современных систем является собственной наработкой разных веб-студий. Это понятно: создавая собственную CMS, вебстудия существенно сокращает трудозатраты на создание сайтов и снижает себестоимость, что выгодно всем. Однако такие CMS имеют один очень существенный недостаток: они требуют квалифицированного технического персонала для поддержки, знающего конкретную систему.
Таким образом, пользователь оказывается привязанным к веб-студии навсегда (или до переезда на новый движок сайта).
Чтобы избежать подобных зависимостей, лучше использовать CMS, которые продаются в коробочном варианте. Такие системы хороши не только тем, что рассчитаны на любую веб-студию. Они хороши еще и тем, что уже многократно апробированы.
Сама по себе коробочная форма распространения своеобразный гарант качества.

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

Целью данной книги является не реклама CMS 1С-Битрикс: Управление сайтом, а обучение работе в этой системе. Тем не менее мы позволим себе небольшой рассказ о системе как таковой.
Система 1С-Битрикс: Управление сайтом универсальна. Она может успешно работать как на сайтах-визитках (самый нижний класс в табели о рангах современных сайтов), так и на больших производительных порталах с большим числом посетителей, выдерживая нагрузку до 30-40 тысяч посетителей в час.
Разный уровень потребностей пользователей реализуется разными редакциями: от самой простой Старт до самой навороченной Бизнес. Наша книга строится на основе версии Стандарт самой оптимальной для потенциального читателя.
Более подробно об этой версии будет рассказано ниже.
CMS 1С-Битрикс: Управление сайтом многопользовательская система, которая обеспечивает возможность одновременной работы нескольких редакторов и большого количества авторов с разными правами доступа. Workflow (например, обеспечение разрешительной системы публикации материалов и поддержки версий) это область, в которой небольшие системы обычно бессильны.
Дизайн очень важная составляющая каждого интернет-проекта. 1С-Битрикс: Управление сайтом позволяет реализовать любой дизайн, который может прийти вам в голову.
Причем поддерживается возможность задавать разные шаблоны дизайна для разных страниц или разделов.
Интеграция дизайна в систему управления сайтом одна из самых технологически сложных работ. Эта операция требует начальных знаний языка PHP.

ПРИМЕЧАНИЕ

PHP скриптовый язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров.
Но пусть вас не пугает требование начальных знаний. Вся книга построена таким образом, что необходимые знания вы будете получать по мере чтения.
Оговоримся, правда, что эта книга не учебник по PHP. Информация будет даваться строго в тех рамках, которые минимально необходимы для интеграции дизайна в шаблоны сайта и работы самого сайта. Этих знаний достаточно, чтобы интегрировать несложный дизайн в 1С-Битрикс: Управление сайтом, но мало для самостоятельных занятий программированием.
Для программирования вам необходимо будет не только изучить документацию по CMS, но и достаточно уверенно владеть языком PHP.
Многосайтовость еще одна возможность системы. Она означает, что с помощью одной лицензии CMS можно осуществлять поддержку нескольких сайтов с уникальным URL для каждого.

ПРИМЕЧАНИЕ

URL (англ. Uniform Resource Locator) это стандартизированный способ записи адреса ресурса в Интернете.
CMS 1С-Битрикс: Управление сайтом присуща высокая степень безопасности проектов. На данный момент не известно ни одного случая взлома этой системы как веб-приложения.
Любое программное обеспечение нуждается в обновлении, а CMS особенно. В Интернете постоянно появляются новые угрозы, и требуется обновление для системы, нейтрализующее их. CMS 1С-Битрикс: Управление сайтом обладает такой системой регулярных обновлений.
Один год обновлений входит в стоимость самой CMS.
Инструменты работы с контентом, предусмотренные в системе, довольно удобны, хотя для их освоения нужно потратить время. Но, как вы убедитесь позже, обучение это не столь трудоемко и не потребует много времени.
При возникновении вопросов по созданию сайтов, управлению контентом и возможностям системы пользователь всегда может получить исчерпывающий ответ на форуме компании и у службы поддержки.
Оговоримся, что 1С-Битрикс: Управление сайтом подходит не всякий хостинг.

ПРИМЕЧАНИЕ

Хостинг (англ. hosting) услуга по предоставлению дискового пространства для физического размещения информации на сервере, постоянно находящемся в Интернете.
Из-за требовательности к ресурсам хостинга вам нужно быть внимательными к возможностям провайдера. Постоянно обновляемый список рекомендуемых провайдеров есть на сайте 1С-Битрикс: Управление сайтом.
В то же время система мультиплатформенна и может работать на серверах с ОС, поддерживающей веб-сервер Apache (IIS) с базами данных MySQL, MSSQL, Oracle.

Редакция Малый бизнес

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

ПРИМЕЧАНИЕ

ТЗ (техническое задание) как правило, текстовый документ, в котором оговариваются все технические, организационные, финансовые и иные параметры и ресурсы, которые должны быть выполнены и задействованы при реализации проекта.
Дело в том, что составление технического задания на сайт это не просто оформление формальной документации. Именно при составлении технического задания становится ясно, что же должен представлять собой сайт как по дизайну, так и по содержанию. Не говоря уже о том, что тот же дизайнер, когда вы попросите его создать дизайн сайта, спросит: А что рисовать-то?
В каких цветах? Что будет на сайте, какие разделы?
Какие кнопочки? Дать ответ на эти и множество других вопросов вам поможет грамотно составленное техническое задание.
Его составление не тема данной книги. Обратитесь в веб-студии (а эта услуга недешевая) или составьте ТЗ сами. Образец подобного документа приведен в приложении 2. Так как объем книги не позволяет привести образец ТЗ для любого вида сайтов, то в приложении находится только один образец для торговой компании. Адаптировать его для ваших потребностей достаточно просто.
Чтобы вам было проще, мы также прикладываем образец документа Общее представление заказанного сайта (приложение 1). Это то, что обычно заказчик сайта составляет для себя и веб-студии перед тем, как приступить к созданию ТЗ.
Речь о ТЗ пришлось завести для того, чтобы сказать, что редакция Малый бизнес обеспечивает решение основного комплекса задач для малых и средних компаний. Эта редакция позволяет с минимальными затратами создать собственный интернет-магазин, поддерживать работу дилерских сетей и управлять контентом сайта, но она не обеспечивает владельцев сайта инструментами для постоянного контроля над положением сайта в поисковых машинах (поисковой оптимизации).

ПРИМЕЧАНИЕ

Поисковая оптимизация (англ. search engine optimization, SEO) оптимизация HTML-кода, текста, структуры и внешних факторов сайта с целью его поднятия в общем списке, выдаваемом поисковой системой по запросу пользователя. Чем выше сайт в рейтинге поисковой машины, тем выше его посещаемость.
Впоследствии вы всегда сможете перейти на более функциональные редакции с сохранением всего накопленного контента.
На момент написания книги редакция содержит 11 модулей. Оговорка на момент написания неслучайна.
CMS 1С-Битрикс: Управление сайтом постоянно развивающийся комплекс. По мере возникновения потребностей он дополняется модулями.
Кроме того, некоторые модули могут перекочевать из более дорогих версий в стандартную редакцию. Подробное описание модулей вместе с техникой работы с ними будет дано ниже. А пока представим их краткое описание:
- Главный модуль. Ядро системы.
Он обеспечивает общее функционирование системы, взаимодействие всех модулей продукта.
- Управление структурой сайта. Предназначен для управления информационным наполнением сайта, разделами, меню и правами доступа.
- Управление информационными блоками. Модуль управления блоками типовой информации: новостями, статьями, фотогалереями и т. д.
- Торговый каталог. Обеспечивает управление ценами на товары, обслуживание розничной и дилерской сети, интеграцию с 1С: Предприятие и другими необходимыми программами и сервисами.
- Интернет-магазин. Позволяет организовать продажу товаров и услуг через Интернет, создать интернет-магазин и управлять электронными каналами продаж товаров и услуг.
- Валюты. Модуль валют, предоставляет возможность управлять валютами и их курсами.
- Форумы. Модуль для создания и управления форумами для организации и поддержки сообществ, обсуждения статей и материалов, формирования постоянной аудитории сайта и других целей.
- Подписка, рассылки. Предназначен для организации подписки и управления списками рассылки.
- Поиск. Поисковый модуль, осуществляет индексирование и поиск информации на сайте.
- Модуль компрессии. Служит для сжатия страниц проекта при передаче данных между сервером и клиентом для ускорения вывода содержимого сайта пользователям.
- Медиаплеер. Программный компонент, предназначенный для размещения и воспроизведения медиафайлов на сайте.
Вы в общих чертах познакомились с понятием CMS, конкретной CMS 1С-Битрикс: Управление сайтом и ее редакцией Малый бизнес. Теперь начнем освоение методов конкретной работы.

Как оформлен текст в книге

Чтобы вам было легче воспринимать информацию, в книге используется специальное форматирование текста для терминов, путей к файлам, определений, пошаговых инструкций и других элементов. Мы надеемся, что это вам поможет.
С примерами такого форматирования вы уже сталкивались в этой главе. Объясним, что это означает.
Определения терминов и замечания, на которые необходимо особенно обратить внимание, выделяются абзацами Примечание и Замечание соответственно. Определения при этом начинаются с определяемого слова, выделенного полужирным шрифтом, и ставятся сразу после первого упоминания нового термина. Поэтому их особенно много в самом начале.
Если вы где-то встретите слово, смысл которого вам не ясен, то, скорее всего, пропустили термин, который упоминался ранее.
Скорее всего тоже не случайная оговорка. Наша книга рассчитана на обычного пользователя, но имеется в виду, что это обычный КОМПЬЮТЕРНЫЙ пользователь.
И ему не надо объяснять базовые понятия IT-терминологии, например файл, папка, копирование и удаление.
Все небазовые термины в тексте выделены полужирным шрифтом. Так их легче воспринимать и обращать на них внимание.

Динамическое меню

В комплексном компоненте Каталог лучшие элементы выводятся под списком разделов на главной странице. По умолчанию эта функция включена.
Как отображать ТОР элементов
Настройки TOP элементов это группа параметров, регулирующая вывод лучших элементов (рис. 15.35).


Рис. 15.35. Настройки вывода лучших элементов
Вывод числа элементов можно задать в поле Количество выводимых элементов. Второе поле Количество элементов, выводимых в одной строке таблицы, задает фактическое отображение списка. При данных, показанных на иллюстрации, элементы будут располагаться по три в ряд.
Эти поля определяют внешний вид списка лучших элементов.
¦ С помощью данных полей задайте число выводимых элементов и число элементов в строке.
Выводимые элементы могут сортироваться по разным принципам в поле По какому полю сортируем товары в разделе. Параметров в этом раскрывающемся списке много, а сути соответствует один: Количество просмотров в среднем. Впрочем, остальные параметры могут пригодиться для каких-то иных целей, так как есть отдельный компонент TOP элементов, который можно применять для организации различных выборок.
Порядок сортировки задается в соответствующем поле ниже.
¦ Задайте порядок и направление сортировки. Пустое поле ниже оставьте для более опытных разработчиков.
Кроме основного свойства сортировки, можно задать и дополнительно выводимые свойства в поле Свойства.
¦ Много свойств задавать здесь не надо: получится слишком громоздко. Выберите, скажем, производителя, цену и фото.
Настройки показа элементов списком
В каждом разделе выводятся свои элементы. В группе параметров Настройки списка (рис.
15.36) можно задать общие для всех разделов параметры вывода списка элементов.


Рис. 15.36. Настройки списка элементов
Первые два поля задают вид списка с помощью определения общего числа выводимых элементов и их размещения на странице. Если число элементов, заданных в поле Количество элементов на странице, меньше общего числа элементов, то система автоматически переходит к постраничной навигации согласно настройкам в группе параметров Настройки постраничной навигации.
¦ Задайте с помощью этих полей число выводимых элементов и число элементов в строке.
Сортировка элементов в поле По какому полю сортируем товары в разделе задаст принцип, по которому будет строиться список элементов. А поле Порядок сортировки товаров в разделе укажет направление этой сортировки.
¦ Укажите порядок и направление сортировки.
¦ В поле Свойства задайте дополнительно выводимые свойства товара в общем списке элементов.
Поле Показывать элементы подразделов раздела определяет, будут ли выводиться элементы вложенных в раздел подразделов. В нашем случае этот флажок можно не выставлять.
Детальный просмотр элемента
Группа параметров Настройки детального просмотра определяет, какие из созданных свойств инфоблока будут выводиться на странице товара. По умолчанию всегда выводится только информация из закладки Подробно созданного элемента. А вот параметры товара, заданные
через свойства в закладке Свойства инфоблока, могут выводиться, а могут и не выводиться.
¦ В списке Свойства задайте свойства, которые должны отображаться на странице товара.
¦ Теперь при открытии товара мы увидим все созданные, отмеченные для вывода и непустые свойства товара (рис. 15.37).
Главная Каталог Приманкм Вращающиеся блесна Blue Fox Vibrax Fluorescent BFF-2 BFR
Показ связанных элементов
Группа параметров Настройки связанных элементов (рис. 15.38) определяет, какие инфоблоки будут выводиться при использовании свойства Привязка к элементам.


Рис. 15.38. Группа параметров Настройки связанных элементов
Все поля в этой группе вам уже знакомы. Нужно последовательно выбрать тип информационного блока, информационный блок и поле Свойства, в котором осуществляется указание на привязку к элементу. Дополнительные поля под соответствующими списками не используйте.
Поле URL на страницу, где будут показан список связанных элементов, не изменяйте.
После сохранения настроек и перехода на страницу с детальным описанием товара появятся ссылки на товары, указанные в свойстве элемента Рекомендуемый товар.
Постраничная навигация
В группе Настройки постраничной навигации (рис. 15.39) производится настройка показа больших по количеству списков товара (напомним, что включение самой функции происходит автоматически при превышении числа элементов, указанного в поле Количество элементов на странице раздела Настройки списка).
Поля Выводить над списком и Выводить под списком определяют, где будет выводиться постраничная навигация: сверху или снизу. Вы можете поменять место вывода, вывести оба сразу, но нельзя отключать оба вывода одновременно.
В этом случае, после того как число элементов превысит число показываемых на одной странице, все остальные станут недоступны, так как не будут видны ссылки на последующие страницы.
Выберите нужное расположение постраничной навигации.


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

ЗАМЕЧАНИЕ

Наличие двух шаблонов не гарантирует соответствие выбранного шаблона навигации вашему дизайну. Чтобы постраничная навигация соответствовала конкретному дизайну, можно создать собственный шаблон и поместить его в папку \bitrix\components\bitrix\system.pagenavigation\ templates\.
После этого достаточно будет применять вновь созданный шаблон, прописав его имя в поле Название шаблона.
Одна из проблем динамических сайтов долгое время формирования динамической страницы. Решается эта проблема кешированием.
Для ускорения загрузки длинных списков товаров можно использовать пару последних полей.
Поле Использовать обратную навигацию позволяет увеличить время кеширования и, соответственно, скорость отдачи страниц пользователям. Правда, это будет работать только при таком выборе сортировки, когда новые элементы попадают наверх списка (скажем, при сортировке по дате добавления).
В таком случае все новые элементы будут появляться на первой странице, а остальные можно будет кешировать на длительный период времени. Этот период можно задать в последнем поле окна настроек параметров компонента Каталог Время кеширования.
На этом настройку отображения каталога можно закончить. Каталог мы создали, можно переходить к работе интернет-магазина.
Но перед этим мы познакомимся с созданием динамически формируемого меню каталога.

Динамическое меню

Тема меню бонусная тема. Она не касается непосредственно каталога, но имеет принципиальное значение в рамках повседневной работы с каталогом. Автоматическое построение меню из информационных блоков позволяет снять с контент-менеджера часть нагрузки по поддержке сайта.
Не нужно будет выполнять работу по актуализации меню в связи с новыми разделами и страницами. Рассмотрим, как такое автоматическое создание меню можно реализовать в рамках 1С-Битрикс: Управление сайтом.
¦ Перейдите на страницу Каталог в публичной части сайта Inet_mag.

ЗАМЕЧАНИЕ

Меню в 1С-Битрикс: Управление сайтом наследуется по иерархии, то есть если система не находит отдельно созданного меню для данного раздела, она автоматически выводит меню вышележащего раздела.
Мы увидим на этой странице обычное меню главной страницы. А нам нужно, чтобы в меню отображались ссылки на некоторые разделы сайта и, главное, разделы каталога.
¦ Перейдите на закладку Редактировать.
¦ В меню команд компонента Меню выберите Создать меню в текущем разделе. Откроется форма редактирования пунктов меню.
¦ Сохраните меню, не создавая ни одного пункта.
¦ Выполните команду Редактировать параметры компонента из
меню компонента Меню.
¦ В разделе Дополнительные настройки (рис. 15.40) установите флажок
в поле Подключать файлы с именами вида .тип_меню.menu_ext.php.


Рис. 15.40. Подключаем дополнительное меню
¦ Сохраните внесенные изменения.
¦ Перейдите в административную часть сайта.
¦ Перейдите в раздел Контент ^ Структура сайта ^ Файлы и папки ^ Имя_сайта ^ Catalog.
¦ Создайте пустой файл под именем .left.menu_ext.php.

ЗАМЕЧАНИЕ

Первая часть имени файла должна совпадать с названием меню, для которого применяется данный компонент. То есть для верхнего меню, например, первая часть будет называться .top.
Для нашего левого меню первая часть будет называться: .left.
¦ Откройте файл для редактирования в визуальном редакторе.

ЗАМЕЧАНИЕ

Не забудьте убрать из тела страницы текст, вставляемый по умолчанию: Text here...
¦ Добавьте в тело файла компонент Пункты меню (Компоненты 2.0 ^ Служебные ^ Навигация).
Теперь надо настроить параметры компонента.

ЗАМЕЧАНИЕ

Настроить параметры компонента можно не только в панели Свойства визуального редактора. Можно дважды щелкнуть по иконке компонента, который вы только что перенесли, откроется отдельное окно настроек параметров компонента.
В большом окне удобнее редактировать свойства.
Мы будем редактировать параметры компонента именно так, как сказано в замечании (рис. 15.41).
¦ Выберите тип информационного блока и сам информационный блок.
¦ Установите любую глубину вложений больше 1.
¦ Сохраните внесенные изменения. Окно настроек параметров закроется, а система вернется к визуальному редактору.
¦ Сохраните внесенные изменения. Форма редактирования файла закро ется.


Рис. 15.41. Настраиваем компонент Пункты меню
¦ Вновь откройте файл для редактирования, но уже в режиме Редактировать как PHP (рис. 15.42).
Теперь нам надо сделать дополнения в коде файла. Будьте предельно внимательны, потому что вы не владеете программированием и, соответственно, не понимаете смысла команд.
Единственный способ не совершить ошибки точно скопировать приведенный ниже код.
¦ Допишите в файле код проверки включения кода из ядра:
?
if(!defined(B_PROLOG_INCLUDED) || B_PROLOG_ INCLUDED!==true)die();
global $APPLICATION;
$aMenuLinksExt = $APPLICATION-IncludeComponent(...
¦ После вызова компонента допишите код подключения к меню:
$aMenuLinks = array_merge($aMenuLinks, $aMenuLinksExt);
Конечный код указанного файла должен быть примерно таким:
?
if(!defined(B_PROLOG_INCLUDED) || B_PROLOG_ INCLUDED!==true)die(); global $APPLICATION;
$aMenuLinksExt = $APPLICATION-IncludeComponent(
bitrix:menu.sections,
Array(
ID = $_REQUEST[ID],
IBLOCK_TYPE = books,
IBLOCK_ID = 5,
SECTION_URL = /catalog/phone/section.php?, DEPTH_LEVEL = 1,
CACHE_TYPE = A,
CACHE_TIME = 3600
)
);
$aMenuLinks = array_merge($aMenuLinks, $aMenuLinksExt);
?
¦ Сохраните внесенные изменения.
¦ Перейдите на закладку Просмотр страницы Каталог. Вы увидите новое меню (рис.
15.43).

ЗАМЕЧАНИЕ

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


Рис. 15.43. Создано динамическое меню

Резюме

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

Глава 16ИНТЕРНЕТ-МАГАЗИН

Теперь на основе созданного каталога нам нужно организовать торговлю товарами. Эта функция реализуется с помощью специального модуля Интернет-магазин.
В самом простом виде интернет-магазин должен реализовывать следующие функции:
- Обеспечить посетителям возможность отбора нужного товара в собственную корзину.
- Произвести расчет по отобранным товарам в соответствии с действующими ценами, скидками, акциями, используемыми валютами.
- Обеспечить процесс бронирования заказанного товара, подтверждения его оплаты заказчиком и доставку товара покупателю.
В таком простом виде мы и рассмотрим работу магазина. Реально работающий магазин, который вы будете создавать, скорее всего, будет отличаться от описанного в этой главе, поскольку рассмотренный базовый функционал интернет-магазина, как правило, только минимально достаточен.
Для удобства пользователей и сотрудников магазина навешиваются дополнительные возможности и сервисы. Часть этих возможностей реализуется штатными средствами 1С-Битрикс: Управление сайтом, часть требует программной доработки. О дополнительных возможностях вы можете узнать из документации к продукту или на форуме компании 1С-Битрикс.
Нам придется выполнить и некоторые действия покупателей интернет-магазина.
В дистрибутиве CMS есть Мастер настройки интернет-магазина. Однако он работает только с демо-данными и в нашем случае будет бесполезен (хотя в учебных целях можете его запустить и посмотреть, как он проводит настройку магазина). Все необходимые настройки магазина мы проведем вручную, но и демо-данные не пропадут часть из них можно будет использовать для нашего магазина.
Для простоты мы просто их перенастроим на свой тестовый сайт. При создании реального интернет-магазина лучше создать данные заново.
Создание новых данных не должно вызвать у вас затруднения, так как механизм создания типовой для программного продукта 1С-Битрикс: Управление сайтом, а значения всех полей форм приведены ниже.
Наш магазин будет оснащен минимально необходимыми функциями: оплата товара наличными через курьера при доставке физическому лицу; оплата через внутренний счет с доставкой товара по почте. Дополнительные способы оплаты (кредитная карта, электронные деньги) в данном издании рассматриваться не будут.
За разъяснениями по настройке этих форм оплаты обращайтесь к документации по CMS.

Настройка путей к папкам

Перед тем как начать осваивать магазин, необходимо внести несколько изменений. Первое изменение, не предусмотренное в штатной поставке 1С-Битрикс: Управление сайтом, становится необходимым, поскольку мы реализуем магазин в рамках многосайтовости, в то время как магазин в дистрибутиве это раздел основного сайта.
¦ Перенесите в папку inetmag сайта Inet_mag папку раздела personal
из корня сайта.

ЗАМЕЧАНИЕ

Папку можно и не переносить, но в этом случае к персональному разделу и корзине будет применяться шаблон для сайта Matchfishing. Если вы не переносите папку, необходимо применить к этим папкам шаблоны сайта Inet_mag.
Если папка не перенесена, то не нужны и исправления путей к ней, описанные ниже.
Однако теперь надо исправить пути, указанные по умолчанию в настройках компонентов, так как они прописаны относительно корня сайта. Мы не будем детально описывать этот процесс.
Просто при настройке каждого компонента и меню имейте в виду, что путь к самому персональному разделу, корзине и прочим папкам и файлам этого раздела теперь должен быть таким: /inetmag/personal/***.
Теперь наш каталог будет понимать все пути, прописанные в настройках компонентов.
Необходимо выполнить еще одно изменение путей, связанное с политикой обновления системы. По умолчанию в настройках компонента Каталог путь до корзины пользователя указан следующим образом: /personal/basket.php. Таким он был задан при создании системы.
С таким путем были созданы сотни и сотни сайтов. Потом, по мере развития системы, путь, в силу разных причин, был изменен на /personal/ cart. Однако в настройках дистрибутива по умолчанию был сохранен старый путь, чтобы не поломать работу этих сайтов.
Нам нужно прописать новый путь, иначе интернет-магазин не заработает. С учетом переноса папки персонального раздела путь будет таким: /inetmag/ personal/cart.
¦ Откройте для редактирования параметры компонента Каталог.
¦ В группе Шаблоны ссылок в поле параметра URL, ведущий на страницу с корзиной покупателя, измените путь с /personal/basket. php на /inetmag/personal/cart.
¦ Сохраните внесенные изменения.

Настройка модуля Интернет-магазин

Чтобы модуль заработал, его надо настроить.
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Настройки модулей ^ Интернет-магазин. Откроется форма настройки интернет-магазина (рис.
16.1).


Рис. 16.1. Форма настройки Интернет-магазина
Поскольку наш магазин довольно прост, настройка всех полей в формах не потребуется. Поэтому мы упомянем только необходимые.
Неупомянутые поля оставьте без изменений.
¦ В поле E-Mail отдела продаж введите электронный адрес, на который будут получаться все сообщения, связанные с работой интернет-магазина.
В поле Фиксировать модуль Торгового каталога (catalog) в качестве каталога товаров должен стоять флажок его мы ставили, когда создавали каталог товаров. Просто проверьте его установку.
С закладкой Настройки мы разобрались.
¦ Перейдите на закладку Настройки веса.
Так как нам предстоит отправлять товары по почте, нужно указать настройки веса. Почта России ведет расчет стоимости в килограммах. По умолчанию именно эта величина и стоит в данной закладке.
Просто проверьте, мало ли что...
¦ Откройте закладку Адрес магазина (рис. 16.2).


Рис. 16.2. Настройки адреса магазина
¦ Введите в поле Индекс почтовый индекс отделения почты вашего магазина.
¦ В поле Местоположение в раскрывающемся списке выберите местоположение вашего магазина.

ЗАМЕЧАНИЕ

В дистрибутиве CMS уже загружены самые распространенные местоположения (как нашей страны, так и ближнего зарубежья). Если вы не нашли своего местоположения, его можно будет создать или загрузить на странице Магазин ^ Настройки магазина ^ Местоположение ^ Список местоположений.
Пропустите закладку Пластиковые карты, так как на данный момент не планируется оплата товара с пластиковых карт.
¦ Перейдите на закладку Права на заказы (рис. 16.3).
Здесь нам предстоит настроить группы пользователей, созданных на сайте, которые будут отвечать за обработку заказов интернет-магазина.
В строке сайта Inet_mag выполните следующие действия:
¦ В колонке Валюта выберите валюту интернет-магазина.
¦ В колонке Группы, имеющие доступ к заказам сайта, активируйте группы, которые должны отвечать за обработку заказов. По умолчанию это группа Администраторы интернет-магазина.

ЗАМЕЧАНИЕ

Не забудьте включить в эту группу пользователей, которые должны выполнять работу в магазине либо дать доступ к заказам группам, в которые уже включены эти люди.
Закладку Экспорт в 1С:Предприятие мы пока пропустим. Если в закладке Права на заказы вы дали права не группе по умолчанию, загляните на закладку Доступ, назначив полный доступ группе пользователей, управляющей заказами.
¦ Сохраните внесенные изменения.
Теперь можно приступать к настройкам самого интернет-магазина.

Настройка интернет-магазина

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

Типы плательщиков

¦ Перейдите на страницу Магазин ^ Настройки магазина ^ Типы плательщиков. Откроется список имеющихся типов плательщиков.
¦ Отметьте оба типа плательщиков (физические и юридические лица)
и щелкните по кнопке Редактировать. Поля в списке Типы
плательщиков станут активными (рис. 16.4).


Рис. 16.4. Изменяем привязку списка Типы плательщиков
¦ Смените у обоих типов плательщиков привязку к сайту с демо-сайта на Inet_mag.
¦ Сохраните внесенные изменения.

Скидки на заказ

Изменение привязок группы Скидки осуществляется по аналогии с типами плательщиков. Поэтому мы не будем детально расписывать
действия, укажем только путь до страницы: Магазин ^ Настройки магазина ^ Скидки на заказ. Действия по изменению привязки осуществите самостоятельно.

Налоги

Изменение привязок группы Налоги осуществляется по аналогии с типами плательщиков. Поэтому мы не будем детально расписывать действия, указав только путь до страницы: Магазин ^ Настройки магазина ^ Налоги ^ Список налогов. Действия по изменению привязки осуществите самостоятельно.
Все остальные настройки в группе Налоги изменятся автоматически.

Службы доставки

Поменять привязку у служб доставки оптом не получится. Придется для каждой из нужных нам служб изменять привязку отдельно.
У нас есть два типа служб доставки: автоматизированные и настраиваемые. Разница в этих службах в том, что в автоматизированных службах доставки расчет стоимости доставки происходит не на сайте, а на серверах служб, и вы не можете влиять на стоимость доставки.
Вы можете только осуществить наценку на стоимость доставки, зато это можно сделать для каждого из интернет-магазинов, если у вас их несколько. Как правило, автоматизированные службы доставки это внешние системы международной или междугородней доставки типа DHL или Почта России.

Форматирование

Детально с работой стилей вы познакомитесь при создании шаблона дизайна. Формат это предопределенные уровни текста, которые задаются самой CMS.
Есть еще одна кнопка: |^| оптимизация HTML-кода, которой нет в привычном вам текстовом редакторе. Суть этой кнопки в том, что с ее помощью можно удалить ненужные пары тегов, которые случайно или по ошибке оказались незадействованными, например пара b /b. Мы рекомендуем пользоваться этой кнопкой в самом конце работы по загрузке текста, когда все уже сделано и осталось только сохранить текст.
Остальные команды вам знакомы из привычного MS Office.

Форматирование

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

Шаблон

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

Режимы редактирования

Панели Режимы редактирования (рис. 3.22) тоже нет в текстовых редакторах.
Этот режим присущ таким программам для создания веб-документов, как Microsoft Expression Web или Adobe Dreamweaver. Панель состоит всего из трех кнопок:
- [Пі] режим визуального редактирования. В окне редактора отображается текст таким, каким он будет виден на странице сайта;
- ^ режим редактирования исходного кода. В окне редактора отображается текст в кодах HTML;
- ^ совмещенный режим, когда окно редактора поделено на две части и виден одновременно и код HTML, и текст в том виде, в каком он будет на сайте.
Переход в режим редактирования в кодах HTML теоретически при работе с редактором не нужен. Однако иногда приходится обращаться и к нему, скажем, для проверки правильности тегов или поиска ошибок в кодах.

Свойства

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

Сниппеты и Компоненты

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

Структура папок и файлов

Необходимо научиться понимать структуру папок в 1С-Битрикс: Управление сайтом.
¦ Перейдите на закладку Панель управления.
¦ В области выбора функций выберите Контент. В меню функций откроется список функций, соответствующий работе с содержанием сайта.
Самый первый пункт этого меню Структура сайта. Разверните этот пункт (рис.
3.23).


Рис. 3.23. Структура сайта
Из всей структуры только пункт Файлы и папки представляет собой физическую структуру реально существующих файлов в системе. Все остальное (демо-сайт, сайт компании, наш тестовый сайт Matchfishing, а также новости, статьи и др.) логические папки.
Разница между логической и физической структурой в том, что в рамках логической структуры невозможно удаление и перемещение файлов, а только редактирование и просмотр. То есть что-то меняя на сайте через формы, визуальный редактор, вы можете и не знать, как конкретно называется редактируемый файл в рамках файловой структуры.
Это знание не нужно и редакторам сайта. Они работают с названием страницы или раздела.
А вот разработчикам необходимо ориентироваться в файловой структуре.
Работа с файлами реализована в 1С-Битрикс: Управление сайтом с помощью Менеджера файлов.

ПРИМЕЧАНИЕ

Менеджер файлов это вид формы отчета, в которой представляются все находящиеся в данной папке файлы.
Приемы работы с Менеджером файлов довольно просты и аналогичны приемам работы в Проводнике Windows. Чтобы указать вам местоположение физической или логической папки, мы будем указывать путь в виде Контент ^ Структура сайта ^ Файлы и папки ^ /bitrix/ templates/test, где через ^ указывается путь в рамках логической структуры, а через / путь до физической папки.
При этом в рамках локального компьютера сама папка bitrix расположена по пути c:\Program Files\Bitrix Environment\www\ (если вы не изменяли место расположения при установке программы). С помощью этого же поля можно легко переместиться в любой раздел системы, если вы помните путь.
¦ Наберите в этом поле путь до нужной вам папки.
¦ Щелкните по кнопке ОК. Менеджер файлов откроет указанную
папку .
Теперь надо рассказать об основных папках, которые могут вам понадобиться в первое время при создании сайта:
- /bitrix/templates/ шаблоны внешнего вида (дизайна сайта) и пользовательские шаблоны компонентов. Именно с этой папкой вы будете общаться, работая над своим сайтом (полный путь относительно логической структуры: Контент ^ Структура сайта ^ Файлы и папки ^ bitrix/templates/).
- /bitrix/components/ системные и пользовательские компоненты. Системные компоненты обновляются системой обновлений, и их изменение нежелательно.
Поэтому мы будем их только брать отсюда и изменять для своих нужд (полный путь относительно логической структуры: Контент ^ Структура сайта ^ Файлы и папки ^ bitrix/components/).

Система обновлений

После приобретения и активации лицензии в течение года вы имеете возможность обновляться бесплатно. Зачем, собственно, нужна система обновлений? Ведь некоторые сайты, созданные еще на третьей версии 1С-Битрикс: Управление сайтом, работают до сих пор. Теоретически и вы можете обходиться без обновлений.
Но стоит ли отказываться от них?
Обновления необходимы:
- для исправления ошибок в кодах, приводящих к нарушению работоспособности сайта;
- для улучшения кода системы, повышения защищенности сайта от несанкционированного доступа;
- для модификации кода, позволяя расширить функционал имеющихся модулей;
- для добавления новых модулей, появившихся в используемой редакции программы.
Система обновлений не изменяет публичную часть вашего сайта, то есть после обновления вы найдете сайт неизменившимся. Служебная область изменяется только в рамках необходимости, при этом существующие файлы и записи не меняются.
Ядро продукта может быть изменено системой обновлений, обеспечивая полную совместимость версий.
Необходимо помнить, что обновление это процесс, который осуществляется через Интернет. Возможны сбои по причинам, связанным с работой самого Интернета. Если обновление будет произведено с ошибками, сайт может оказаться неработоспособным. Перед установкой обновлений рекомендуется убедиться в наличии резервной копии базы данных, скриптов ядра продукта и служебной области (о сохранении резервных копий мы расскажем ниже).
При выполнении обновлений соблюдайте следующие рекомендации.
- Во-первых, советуем не спешить активировать приобретенную лицензию сразу после покупки. Установите на компьютер локальную версию, создайте сайт, а потом, при переносе сайта на хостинг, активируйте лицензию. Пока сайт на локальном компьютере, обновления не столь критичны.
А если все же вы хотите иметь возможность обновлений, запросите на сайте компании 1С-Битрикс пробный лицензионный ключ ( bsm_register.php), если не сделали этого при инсталляции.
- Во-вторых, в настройках обновлений не рекомендуем включать обновление до бета-версий. Хотя даже бета-версии 1С-Битрикс: Управление сайтом тщательно тестируются, все же не стоит спешить за новшествами в функционале на боевом сайте.
- В-третьих, после активации выполните обновление сразу же. Только учтите, что первичное обновление может быть очень большим по объему и, если скорость интернет-канала не очень велика, лучше это сделать частями.
Для выполнения обновления:
¦ Щелкните по кнопке
Обновление продукта на панели управ
ления. Откроется первый шаг выполнения обновлений. Система
проверит вашу лицензию и право на обновление, а также состояние системы и модули, которые нуждаются в обновлении (рис. 3.25).


Рис. 3.25. Первый шаг обновлений
Дальнейшее обновление возможно двумя путями: через ссылку
Просмотр и загрузка обновлений или кнопку || 0 пошаговое обновление]. С ее помощью обновимся и мы.
¦ Щелкните по кнопке || 0 Пошаговое обновление]. Откроется второй шаг процесса обновления.
В этом шаге вам предстоит выставить параметры для обновления в трех закладках (рис. 3.26).
Если у вас хорошая и надежная связь с Интернетом, можно просто воспользоваться кнопкой Установить рекомендуемые обновления.
¦ Щелкните по кнопке Установить рекомендуемые обновления.
Начнется процесс загрузки обновлений, которые необходимы для системы в целом.
Если у вас ненадежный Интернет или узкий канал, рекомендуется осуществлять обновление частями.


Рис. 3.26. Второй шаг процесса обновления системы
¦ Перейдите на закладку Список обновлений.
¦ В общем списке обновлений выберите модули, которые считаете необходимым обновить. Для получения информации об изменениях воспользуйтесь ссылкой Подробности, которая откроет диалог с описанием изменений.
На закладке Дополнительно можно активировать купон для смены версии, продления поддержки или получения возможности установить большее число сайтов, подписаться на уведомления об обновлениях или включить/отключить установку стабильных версий. Мы этим заниматься не будем это несложные операции, и про них рассказано в документации.
¦ Щелкните по кнопке Установить обновления. Начнется процесс загрузки обновлений.
Процесс обновлений можно остановить щелчком по кнопке Остановить установку. При этом система не прервет обновление сразу и полностью, а завершит загрузку модуля, который обновлялся в момент щелчка.
Если в ходе установки произошел сбой, то Система обновлений уведомит вас об этом и надо будет просто повторить процесс. Если вы выполняете обновление модулей поочередно, после установки каждой порции модулей надо воспользоваться кнопкой Проверить обновления и повторить три последних шага.

Резервное копирование

Эту операцию рекомендуется выполнять периодически, а также перед обновлением CMS. Перед переездом на хостинг с локальной инсталляции она просто необходима.
¦ Выполните команду Настройки ^ Инструменты ^ Резервное копирование. В рабочей области откроется форма Резервное копирование (рис.
3.27).


Рис. 3.27.Резервное копирование
Из этих настроек изменять нужно не все. Если на вашем сайте есть файлы размером более 1 Мб (как правило, это музыка, фото и видео), снимите флажок в поле Исключить из архива файлы размером более.
Для уменьшения размера файла архива можно воспользоваться флажками Исключить из архива.
¦ Снимите флажок с поля статистику, чтобы исключить из архива статистику посещений страниц.
Снимите флажок с поля Поисковый индекс, чтобы исключить из архива данные поиска. Теперь можно приступать к операции архивирования.
Щелкните по кнопке копии.
Начнется процесс создания
Архивировать
Придется немного подождать, пока программа выполнит операцию. После чего в таблице элементов внизу появится строка с именем архива, а наверху формы отобразится таблица со статистикой работы.
Если вы выполняете копирование на локальном компьютере, нет смысла сохранять файл в отдельной папке на другом логическом или физическом диске. Если же вы переносите сайт на хостинг или решили хранить копии вне CMS, выполните следующие действия:
¦ Установите флажок в строке Таблицы элементов резервной копии, которую хотите сохранить вне системы.
¦ В колонке действий выберите Скачать. Откроется диалог для загрузки файла.
¦ Выполните загрузку файла в нужное вам место. Архивная копия сохранится отдельно от самой системы. Разворачивание архива будет рассмотрено в главе 5.

Первичная настройка

Теперь несколько моментов, которые облегчат вашу работу над сайтом на локальном компьютере. Первый момент это время жизни сессии, второй кеширование.
Время жизни сессии
Чтобы уменьшить вероятность несанкционированного доступа на сайт через компьютер администратора в момент его отсутствия, в CMS предусмотрено время жизни сессии.

ПРИМЕЧАНИЕ

Время жизни сессии механизм автоматического сброса авторизации пользователя на сайте по истечении заданного времени.
Время жизни сессии в системе по умолчанию для администратора равно 15 минутам. Сразу скажем, что при освоении CMS этого времени мало. Вам надо постоянно обращаться к документации, другим программам, не говоря уже об отвлекающих, надоедливых домашних или сотрудниках.
У вас есть возможность изменить данное время, понизив, однако, уровень безопасности, так как вы увеличите время возможного несанкционированного доступа к административной части сайта.
Заметим, что в 1С-Битрикс: Управление сайтом все сделано, чтобы сочетать высокую безопасность с удобством работы. В частности, если вы редактировали сайт, не сохранили изменения, а потом отошли от компьютера и авторизация слетела, то это не значит, что изменен-
ные данные пропали. Щелкнув по кнопке Сохр
анить вы вновь вызо-
вете окно авторизации системы и, введя логин и пароль, окажетесь на редактируемой странице с сохраненными данными. Поэтому коррекция времени жизни сессии рекомендуется только при уверенности, что никто ничего не сделает с создаваемым сайтом в ваше отсутствие.
Однако изменение этого параметра может быть полезным в другом плане. Данное время можно задавать для разных групп пользователей в зависимости от потребностей администратора.
Итак, если вам необходимо изменить время жизни сессии для определенной группы пользователей:
¦ Выполните команду Настройки ^ Пользователи ^ Группы пользователей. В Рабочей области откроется форма отчета Группы пользователей (рис.
3.28).
¦ Выберите нужную группу пользователей (пусть это будет Администратор) и щелкните по номеру ID группы (в случае с группой Администратор это будет ID 1). Откроется форма редактирования
Редактирование группы # 1.
¦ Перейдите на закладку Безопасность этой формы (рис. 3.29).
На этой закладке много параметров для настроек. Мы пока не будем говорить обо всех, нас интересует только один параметр Время жизни сессии.
¦ Снимите флажок Не переопределять. Поле под этой надписью станет активным.

ПРИМЕЧАНИЕ

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


Рис. 3.28. Форма отчета Группы пользователей


Рис. 3.29. Форма редактирования на закладке Безопасность
¦ Введите в активное поле нужное числовое значение времени жизни сессии в минутах.
Устанавливаемое время не может быть больше заданного в настройках сервера Apache. В локальной версии это время определено в 18 000 с, то есть 5 ч. Этого вполне достаточно для любой работы.
¦ Щелкните по кнопке Сохранить . Изменения сохранятся. В рабо
чей области отобразится форма отчета Группы пользователей.
Теперь авторизация будет сохраняться тот период времени, который вы определили.

Включаем кеширование

Динамические сайты удобны тем, что позволяют собирать страницы из разных составляющих. Это делает сайт гибким и простым в управлении. Однако у такого способа есть недостаток: на создание страницы из шаблона и включенных в него компонентов нужно время.
И чем сложнее страница, тем больше времени на это требуется. Чем больше таких динамических сайтов на сервере провайдера, тем сильнее нагрузка на его процессор и тем дольше приходится ждать формирования страницы. Для посетителя сайта это выражается во времени ожидания открытия страницы, а ждать и догонять, как известно, хуже всего.
Некоторое время эта проблема оставалась серьезной для динамических сайтов, пока не была отработана технология кеширования.
Суть данной технологии в том, что страница создается по первому запросу, а потом хранится в специальной папке. При повторном запросе собирать страницу уже не надо ее можно отдавать сразу по запросу посетителя сайта.
Кешированная страница хранится определенное время, а потом стирается. Также уничтожение кеша происходит по запросу пользователя.
Существует два вида этой технологии: кеширование компонентов и кеширование HTML-кода. Правильное использование кеширования позволяет серьезно увеличить общую производительность сайта.
Но неразумное применение этого метода может привести к серьезному увеличению размера каталога сайта на сервере провайдера и ограничить ваши возможности, а то и вовсе превысить установленную провайдером дисковую квоту.
Если кеширование компонентов практически обязательная рекомендация, то кеширование HTML-кода требует опыта. Настроить кеширование кода можно с помощью масок включения и исключения.
Опыт использования этой технологии приходит со временем и в рамках данной книги не рассматривается.
Для включения кеширования компонентов:
¦ Выполните команду Настройки ^ Настройки продукта ^ Автокеширование. Откроется форма Настройки кеширования. На ней
приводятся рекомендации разработчиков по использованию технологии кеширования. Обязательно ознакомьтесь с ними.
Особенно это касается кеширования HTML-кода.
¦ Щелкните по кнопке Включить Автокеширование. Изменения сохранятся.
Теперь система будет кешировать работу компонентов. Настройки кеширования компонента производятся в свойствах компонента, и мы их рассмотрим в следующей главе при создании шаблона тестового сайта .
Ускоряя работу сайта, технология автокеширования накладывает свои ограничения на работу. Это выражается в том, что, внеся изменения в компонент, вы можете не обнаружить эти изменения на публичной части сайта.
В таком случае надо просто обновить кеш страницы с помощью кнопки Кеш на административной панели (либо отказаться от кеширования на время создания сайта).

Типовые действия

Перечислим некоторые типовые действия, которые вам придется выполнять в ходе работы над сайтом:
- Создание элемента (+ или команда Добавить).
- Создание папки.
- Копирование и перенос элементов и папок.
- Функции сохранения и применения внесенных изменений.
- Вызов шаблона сайта для редактирования.
- Вызов функции из меню компонента.

Создание элемента

Добавление любого элемента выполняется, как правило, через соответствующую кнопку на контекстной панели. Кнопки носят название Добавить..., далее следует вид того, что добавляется. Это может быть элемент, раздел, пользователь, баннер и т. д. Щелчком по этим кнопкам открывается форма создания элемента.
В некоторых контекстных панелях вы можете встретить даже две кнопки Добавить, как на рис. 3.30.


Рис. 3.30. Добавить элемент можно через контекстную панель и кнопку +
Обратите внимание, что на этой же иллюстрации в колонках Элементы и Подразделы рядом с числом в квадратных скобках стоит знак +. Так вот, щелкнув по нему, вы точно так же вызовете форму создания элемента, как и через контекстную панель. В книге мы будем говорить Добавьте то-то, а вы по своему усмотрению решайте, каким способом обратиться к форме создания элемента.

Создание папки

Для создания папки:
¦ Щелкните по кнопке Создание новой папки на контекстной панели. Откроется форма Создание нового каталога.
Пусть вас не смущает название формы. Это стандартная форма, которая применяется для всех видов папок как для разделов сайта, так и для простых папок.
Но в случае создания папки нужно задавать не все параметры для этой формы.
¦ Введите имя папки.
Снимите флажки Создать пункт меню и Создать индексную страницу раздела.
Форма закроется, папка создастся.
Щелкните по кнопке
Сохранить

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

Для копирования (переноса):
¦ В форме отчета выделите флажками элементы, предназначенные для копирования (переноса).
¦ В поле Действия панели действий выберите Копировать (Перенести). Активируется поле правее для ввода конечного адреса.
¦ Щелкните по кнопке GD рядом с этим полем. Откроется диалог
Выбрать папку (рис. 3.31).


Рис. 3.31. Диалог Выбрать папку
¦ В этом диалоге выберите папку, в которую нужно копировать (переместить) выбранные элементы.

Сохраняем и применяем

Как и в любой программе, внесенные в CMS изменения нужно сохранять. В 1С-Битрикс: Управление сайтом для этого в формах редактирования и отчета есть специальные кнопки.
В форме редактирования их три: Сохранить, Применить и Отменить. Если редактирование осуществляется через форму отчета, то две: Сохранить и Отменить.
Сохранить I выполняет функцию фиксации внесенных изменений и выходит из формы редактирования в форму отчета элементов, где хранится отредактированный элемент. Ее удобнее всего применять, когда вы полностью завершаете работу над редактированием файла.
Применить также выполняет функцию фиксации внесенных
изменений, но при этом остается открытой форма редактирования и можно продолжать работу над редактированием. Эту команду удобно применять во время долгой работы над файлом для промежуточной фиксации выполненной работы.
Отменить
отменяет все внесенные изменения и возвращается
в папку, где расположен файл.
В книге мы будем говорить Сохраните внесенные изменения, а вы решайте, какую команду (Сохранить или Применить) использовать в данный момент.

Вызов шаблона сайта для редактирования

На этапе создания дизайна вам достаточно часто придется обращаться к шаблону дизайна. Вызвать шаблон дизайна можно из двух закладок: Разработка и Панель управления.
Но оба эти варианта приведут к открытию одной и той же формы редактирования шаблона, с которой вы познакомитесь в следующей главе.
Открытие шаблона сайта для редактирования из панели Разработка осуществляется с помощью кнопки Шаблон (рис. 3.32).


Рис. 3.32. Кнопка Шаблон и Меню команд этой кнопки
Отметим, что эта кнопка не имеет привязанной к ней команды, и щелчок по ней всегда вызывает Меню команд.
¦ В этом меню выберите нужную команду откроется форма редактирования шаблона в нужной закладке.

Формы

Кнопка Пуск
Единственное, что остается неизменным на всех закладках, это кнопка Пуск (рис. 3.3), обеспечивающая быстрый доступ к любой из команд за счет последовательности открывающихся окон.

Рис. 3.3. Кнопка Пуск облегчает доступ к содержимому системы
Кнопка Пуск повторяет в верхней части Область выбора функций, о которой мы расскажем ниже. Далее расположено меню Избранное, в которое можно добавить любой нужный пункт. Для этого выполните следующие действия:
¦ Откройте нужный вам раздел в соответствующей закладке.
¦ Выполните команду Пуск ^ Избранное ^ Добавить в Избранное.
Откроется форма редактирования ссылки Избранное.
¦ Заполните поля ссылки.
Заполнение полей не должно вызвать у вас проблем, но нужно сделать несколько замечаний. Вы можете изменить название ссылки, но не должны менять ее путь (поле Ссылка).
При необходимости можно добавить комментарий в специальное поле и выбрать, должна ли отображаться данная ссылка для всех либо для избранных пользователей (флажок Ссылка, общая для всех пользователей).
¦ Сохраните ссылку. Название ссылки появится среди прочих ссылок
в меню Избранное.
Ссылки в меню Избранное можно удалить или расположить в определенном порядке, как любые другие ссылки, с помощью формы отчета (о форме отчета см. ниже).
Кроме меню Избранное, предусмотрен еще один механизм быстрого доступа История. В данном меню отображаются ссылки последних открывавшихся разделов и страниц.
В кнопке Пуск ссылки История располагаются ниже меню Избранное. Меню История более удобно для кратковременной работы со страницами.
Избранное это инструмент быстрого доступа для постоянно востребованных разделов.
В остальном механизм работы полностью аналогичен работе кнопки Пуск в операционной системе Windows. Поэтому освоить ее работу будет очень просто.
Закладки
Административная панель имеет четыре закладки:
- Просмотр;
- Редактирование;
- Разработка;
- Панель управления.
В зависимости от прав доступа у конкретного пользователя на первых трех закладках будут отображаться только те кнопки, которые доступны. Такое деление выполнено специально: тому, кому положено только редактировать содержимое сайта, незачем иметь доступ к функциям его разработки и управления. Часть кнопок может появиться не сразу.
Если в сайте не используются какие-то компоненты, то их кнопки могут быть не видны. В качестве примера можно привести компонент Меню. На время снятия скриншотов административной панели этот компонент не был установлен в тестовом шаблоне сайта. Потому его кнопка и не отображена, она появится позднее.
Теперь о самих закладках-разделах.
Просмотр
Административная панель на этой закладке для пользователя с правами администратора имеет следующий вид (рис. 3.4).


Рис. 3.4. Административная панель, открытая на закладке Просмотр
Закладка Просмотр самая простая из всех. Отметим небольшую полоску внизу панели с кнопочкой в виде маленького светлого треугольника (она все время располагается по центру панели). Это кнопка Скрыть панель. Она имеется на всех закладках, кроме закладки Панель управления.
Ее функция скрыть панель, освободив место на экране для текущей работы.
Другие кнопки:
- Создать позволяет создать либо новый раздел, либо новую страницу в текущем разделе.
- Изменить позволяет изменить либо свойства страницы и раздела, либо саму страницу. Изменения страницы доступны с помощью визуального редактора или в кодах языка HTML.
- Обновить позволяет обновить HTML-кеш страницы, который делается самой системой CMS. При просмотре внесенных изменений в закладке Просмотр необходимо пользоваться этой кнопкой.
Напомним, что есть еще кнопка Обновить у браузера, которая обновляет кеш браузера. И это тоже может быть причиной того, что внесенные в сайт изменения сразу не отображаются.
- Кнопка с именем пользователя завершение сеанса пользователя или переход в профайл пользователя.
- Выйти завершение сеанса авторизации.
У большинства кнопок справа есть секция в виде треугольника Меню команд. Именно она позволяет выполнять дополнительные действия, оговоренные выше.
При щелчке по этой секции появляется меню с дополнительными командами (рис. 3.5).


Рис. 3.5. Вызов меню команд
Жирным шрифтом в этом списке отмечена функция, которая по умолчанию привязана к кнопке, то есть выполняется при щелчке по самой кнопке. Изменить привязку нельзя.
Редактирование
Административная панель на этой закладке для пользователя с правами администратора имеет следующий вид (рис. 3.6).


Рис. 3.6. Административная панель, открытая на закладке Редактирование
В этом режиме кнопки, которые уже были в режиме Просмотр, получают дополнительные функции. Становится возможным изменение и создание страниц и разделов не только из публичной части сайта, но и из панели управления.
Появились дополнительные кнопки:
- Доступ управление правами доступа к странице и разделу;
- Удалить удаление данной страницы;
- Обновить обновление кеша страницы.
- Меню одна из тех кнопок, которые появляются по мере добавления компонентов системы во встраиваемый дизайн.
Однако кнопки на административной панели не единственное средство управления компонентами. При добавлении компонентов
в систему в режиме Редактирование, в отличие от режима Просмотр, рядом с компонентом в рабочем пространстве сайта появляется и Меню компонента. В этой закладке оно имеет такой вид: (в закладке Раз
работка вид будет другой). Меню компонента может включать в себя разные команды в зависимости от самого компонента и закладки, в которой меню отражается.
Первые две закладки предназначены для использования теми, кто будет работать только с содержимым сайта: редакторами, контент-менеджерами и т. д. Остальные две закладки предназначены для разработчиков и администраторов.

ЗАМЕЧАНИЕ

Некоторые кнопки административной панели могут зависеть от используемой редакции 1С-Битрикс: Управление сайтом. Например, в редакциях, где предусмотрен документооборот, появляется кнопка Документооборот.
Разработка
Административная панель на этой закладке для пользователя с правами администратора имеет следующий вид (рис. 3.7).


Рис. 3.7. Административная панель, открытая на закладке Разработка
В дополнение к функционалу кнопки Изменить появилась возможность редактировать страницу как PHP-файл, а в дополнение к функционалу кнопки Обновить возможность обновлять кеш компонентов. Также появились кнопки:
- Компоненты список используемых компонентов на данной странице с возможностью их редактирования;
- Шаблон кнопка управления шаблоном и стилями сайта;
- Отладка кнопка для разработчиков, позволяющая оптимизировать код компонентов сайта.
Изменился и вид меню компонента. Более того, теперь в этом меню стало больше команд, а также отобразились меню компонентов, которые были недоступны для управления в режиме Редактирование (рис. 3.8).
Например, в нижней части рисунка показано меню компонента Навигационная цепочка, которое не отображается в режиме Редактирование.


Рис. 3.8. Изменился вид меню компонента, число его команд и самих меню стало больше
Панель управления
Административная панель на этой закладке имеет вид, который мы уже показывали выше (см. рис. 3.2).
Он достаточно сильно отличается от всех остальных, и это неспроста. Это сделано для того, чтобы даже зрительно подчеркнуть исключительность данной закладки.
Особенность состоит в том, что из нее можно получить доступ к любой функции, любому файлу сайта и системы в целом. Эта панель открывает доступ к административному разделу, который настолько важен, что о нем мы расскажем поподробнее.
Административный раздел
Панель управления в административном разделе имеет совсем мало кнопок:
- Избранное аналог меню Избранное в браузере, только в него заносятся страницы системы управления сайтом;
- Настройки переход к настройкам модуля, который открыт в рабочей области;
- Помощь вызов справки по модулю, который открыт в рабочей области;
- Обновление команда перехода к обновлению системы (а не создаваемого сайта);
- Языковой переключатель переключатель языка интерфейса;
- Индикатор пользователя отображает, под каким именем вы находитесь в системе;
- Кнопка завершения сеанса команда завершения сессии.
Сейчас мы не будем подробно рассказывать о каждой кнопке в ходе работы над сайтом вы познакомитесь с ними по мере необходимости.
На административном разделе не отображается сам сайт. На нем отображается изнанка системы 1С-Битрикс: Управление сайтом (рис.
3.9).


Рис. 3.9. Части административного раздела
Перед нами открываются три зоны:
- Под номером 1 Область выбора функций. Пять больших групп схожих по функционалу команд.
- Под номером 2 Меню функций. Подробно отображает функционал каждой группы.
- Под номером 3 Рабочая область. Здесь открываются все формы системы и визуальный редактор.
Область выбора функций и меню функций можно свернуть, освободив место для рабочей области. Делается это кнопками Скрыть панель, расположенными на границах между областями.
Внешне они аналогичны той, что мы описывали в режиме Просмотр.
В области выбора функций одна группа Веб-аналитика вам будет недоступна. Это связано с ограничениями в версии Малый бизнес. Поэтому данная область не рассматривается в книге.
На рисунке она показана, чтобы вы имели более полное представление об административном разделе. Если вы впоследствии измените свой тип лицензии, обратитесь по поводу работы этой группы к документации 1С-Битрикс: Управление сайтом.
При выборе той или иной группы в области выбора функций будет меняться меню функций, отображая функции, относящиеся к данной группе. Вид рабочей области также будет меняться при выборе той или иной функции в меню функций.
Как видите, все очень просто.
В рабочей области есть несколько элементов, которые присутствуют при выводе любой функции управления (рис. 3.10).
Все они сосредоточены в верхней части сайта, выше того места, где открываются формы (подробнее о формах см. ниже).


Рис. 3.10. Постоянные элементы рабочей области
Постоянные элементы:
- Строка названия строка, где отображается название активной функции. В нашем примере Управление структурой.
- U кнопка ссылки на открытую страницу административного раздела. Чаще всего она необходима, когда вам надо обратиться в службу технической поддержки компании Битрикс.
Вы просто с помощью этой кнопки копируете в буфер обмена адрес страницы, по поводу которой возник вопрос, и задаете вопрос техподдержке со ссылкой на указанную страницу.
- Строка навигации. На нашей иллюстрации это Рабочий стол ^ Контент ^ Структура сайта.
Строка не только подскажет, где вы находитесь в данный момент в плане структуры сайта, но и позволит быстро подняться на несколько уровней выше, так как каждый элемент строки навигации гиперссылка.
- Контекстная панель. Место, где отображаются все доступные команды для открытой формы.
Команд может быть настолько много, что контекстная панель займет несколько строк. Но пока в нашем примере команда только одна: Вид.
С помощью это команды вы можете изменить способ отображения элементов в рабочей области.
Общее понятие об интерфейсе вы получили. Надеемся, что все в целом понятно, а к деталям мы будем возвращаться постоянно.
Теперь поговорим о том, что появляется в рабочей области при выборе той или иной функции в меню функций. А появиться там могут только три вещи:
- Форма отчета;
- Форма редактирования;
- Визуальный редактор.
Причем визуальный редактор отображается не сам по себе, а только как составляющая формы редактирования. Есть еще один элемент, сопровождающий форму отчетов. Это Фильтр.
Теперь обо всем поподробнее.

Формы

Формы в системе 1С-Битрикс: Управление сайтом это меняющиеся, непостоянные элементы рабочей области, которые варьируются в зависимости от выбранной функции в меню функций.
Несмотря на все внешнее многообразие форм, все они сводятся к формам двух типов: Форма отчета и Форма редактирования.

Форма отчета

Формы отчета (рис. 3.11), в отличие от форм редактирования, имеют довольно схожий внешний вид.
Отличия возникают только в столбцах Таблицы элементов и параметрах фильтров.
В форме отчета присутствуют:
- строка навигации;
- Фильтр (под строкой навигации);
- Контекстная панель;
- Таблица элементов, отображающая элементы, которые вы хотели посмотреть.
В самом низу формы размещается Панель действий, которая предполагает выполнение несложных операций редактирования элементов.


Рис. 3.11. Форма отчета
, которая будет
Про контекстную панель вы уже знаете. При работе с тестовым сайтом мы будем не раз обращаться к ней, там и познакомимся с основными ее командами. Но сейчас нужно сделать пару замечаний.
Отметим, во-первых, что в нашем примере панель растянулась аж на три строчки. Во-вторых, обратим ваше внимание на кнопку [а] Excel
присутствовать на контекстных панелях практически всех форм. С ее помощью вы сможете экспортировать список элементов в формат Excel для дальнейшей работы с данными в табличном редакторе.
Фильтр это инструмент для выборки нужной записи из множества созданных. В первое время он вам не понадобится.
Но когда число новостей, статей, пользователей, фотографий или любых других элементов перевалит хотя бы за сотню, вы оцените его возможности.
Параметры, по которым фильтр может отображать данные, будут отличаться для разных форм. Различно и их число. По умолчанию показывается одно поле: Имя (или аналог этого понятия).
Но если вы отметили несколько полей для поиска в конкретном фильтре, система запомнит их, и для конкретного пользователя всегда будут показываться эти поля.
Для выбора полей фильтрации:
¦ Щелкните по кнопке Дополнительно. Раскроется список всех доступных полей (рис.
3.12).


Рис. 3.12. Выбор полей для фильтра
¦ Установите флажки напротив нужных полей. Появятся поля дополнительных условий поиска.
Найти
¦ Введите в поля нужные данные и щелкните по кнопке Фильтр отберет нужные записи и отобразит их в таблице элементов.
Необходимости описывать все возможные поля для фильтра мы не видим, главное понять принцип работы. А принцип прост, думается, что вы уже все освоили.
Элементов в таблице может быть очень много даже после фильтрации. Для удобства просмотра предусмотрена возможность вывода на странице разного количества элементов: от 20 до всех сразу.
Выбор количества выводимых элементов, а также кнопки для перемещения по страницам списка, размещен между контекстной панелью и самой таблицей.
Таблицы элементов разных форм отчета, как и фильтр, могут отличаться между собой по числу и названию колонок. Вид таблицы зависит от типа выводимых данных и ваших настроек. Настройка внешнего вида таблицы (числа колонок и их порядка) осуществляется одинаково:
Настроить
через кнопку
настройки формы (рис. 3.13).
Механизм настройки несложен и, на наш взгляд, не нуждается в комментариях.
на контекстной панели открывается форма


Рис. 3.13. Настраиваем внешний вид формы
Добавим только одно замечание. Полностью удалять все параметры из поля Выбранные колонки нельзя должна оставаться хоть одна колонка.
Кроме изменяемых колонок, в таблице элементов есть и постоянные, неудаляемые Колонка флажков и Колонка действий.
Колонка флажков позволяет выбирать элементы для действий над ними через Колонку действий или Панель действий, а Колонка действий предоставляет выбор действий, доступных над элементом. Колонка действий и Панель действий предоставляют разные возможности изменений.
Последняя более удобна для группового редактирования.
Форма отчета предназначена в основном для отображения, а не редактирования, но в ней все же предусмотрены возможности для изменения элементов. Правда, мы рекомендуем пользоваться этими возможностями только для групповых операций небольших по объему параметров типа сортировки или названия.
В крайнем случае анонсов. Редактирование текстов новостей или статей таким способом неудобно, лучше пользоваться формой редактирования для редактирования групповых параметров:
¦ С помощью кнопки Настроить вызовите диалог Настройки списка.
¦ В этом диалоге из поля Доступные колонки добавьте в поле Выбранные колонки, данные которых вы хотите изменить.
¦ Щелкните по кнопке Сохранить. Колонки отобразятся в Таблице элементов.
¦ Поставьте флажки у элементов, которые хотите изменить.

ЗАМЕЧАНИЕ

Для группового выбора есть несколько дополнительных инструментов. Это флажок Для всех на панели действий внизу таблицы элементов и флажок Отметить все в заглавной строке таблицы элементов.
Разница между этими флажками в том, что первый отмечает все элементы таблицы (даже те, которые отображены на других страницах), а второй только элементы на открытой странице.
¦ Выберите нужное действие в поле Действия панели действий (в случае копирования или перемещения нужно будет еще и выбрать путь для копирования или перемещения).
Выполнится выбранное дей-
Щелкните по кнопке [ Применить ствие (например, удаление файла).

ЗАМЕЧАНИЕ

При создании тестового сайта мы освоим это действие на практике.
Из формы отчета можно перейти к редактированию любого элемента файла или папки. Для редактирования свойств папки достаточно перейти в эту папку и щелкнуть по кнопке Свойства папки на контекстной панели. Вызов формы редактирования для элемента возможен несколькими способами:
- просто дважды щелкнуть по строке файла;
- выбрать Изменить в Колонке действий;
- воспользоваться контекстным меню, вызываемым правой кнопкой мыши на строке элемента.

Форма редактирования

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

Визуальный редактор

Внешний вид редактора может несколько отличаться в зависимости от того, откуда вы его вызвали: из разделов Просмотр и Редактирование или из административного раздела. Однако на функционал это не влияет.
Визуальный редактор имеет следующие панели инструментов:
- Стандартная;
- Стиль;
- Форматирование;
- Режимы редактирования;
- Шаблон сайта.
Кроме того, у него есть возможность работы с компонентами системы и сниппетами. Для настройки компонентов предусмотрена специальная панель Свойства. Сам визуальный редактор максимально приближен к привычному для большинства текстовому редактору MS Word (как по способам работы с редактором, так и по графическому оформлению).
Детального описания команд мы приводить не будем, об этом вы всегда можете узнать в файле помощи. Мы представим общую информацию о панелях, что вполне достаточно для подготовленного пользователя, чтобы сразу начать работу в редакторе.
Итак, визуальный редактор (рис. 3.14). Дорофеев Владимир
Я, как и большинство рыболовов, долгое время считал, что поймать крупного, товарного леща можно лишь на водохранилищах, в больших озерах или в крупных реках, на значительной глубине. Однако в последние годы я стал придерживаться иного мнения, и причиной этому стала систематическая ловля двух-трех килограммовых бронзовых лещей в небольших речках средней полосы России

Стандартная панель

Все остальные панели можно убрать, а эту нельзя. Ее команды позволяют выполнять все самые необходимые операции: сохранение файла, вставку текста из буфера, вставку таблиц, якорей, гиперссылок, картинок, флеш-роликов, спецсимволов, а также выполнить проверку орфографии.
Ярлыки этих команд вам должны быть ясны из опыта работы с текстовыми редакторами. Но есть несколько команд, которые надо пояснить.
выход без сохранения. Если вы раздумали вносить изменения, то можно с помощью этой кнопки выйти из редактора без сохранения
изменений.
El переход и возврат в полноэкранный режим. Экран редактора в обычном виде довольно маленький, редактировать большие статьи в нем неудобно. Для облегчения работы предусмотрен полноэкранный режим.
В нем редактор заполняет все окно браузера.
I I вызов диалога настройки визуального редактора (рис. 3.16).
Редактор можно настроить, чтобы убрать ненужные панели, либо оптимизировать его работу.


Рис. 3.16. Настройки визуального редактора
В зависимости от того, откуда вызывается диалог настройки, он может иметь полный или ограниченный функционал. Если он вызван из режимов Просмотр или Редактирование, то будет отсутствовать настройка Панели инструментов. Если диалог настройки вызван из редактора, открытого в административном разделе, будут доступны все три закладки.
Думается, что настройка редактора не вызовет затруднений. Единственное, что надо пояснить, это возможность отключить визуальные эффекты.
Если локальная версия установлена на стареньком компьютере с небольшими вычислительными возможностями, лучше снять флажок Использовать визуальные эффекты в закладке Дополнительные настройки.
|~^1 вставить форматированный текст из MS Word. Этот текстовый редактор при форматировании добавляет свои теги, которые при переводе текста в коды HTML могут подпортить отображение текста. Для нейтрализации этого при вставке текста из MS Word рекомендуется пользоваться данной командой.
При ее использовании появится диалог вставки текста (рис. 3.17).
В верхнем окне диалога будет отображаться текст в том виде, в котором он появится на сайте, а в нижнем нередактируемом окне код, полученный в результате очистки. Не рекомендуем снимать флажки с полей, определяющих параметры очистки кода.


Рис. 3.17. Правка текста при вставке из MS Word
НЛ вставка картинки. Эта операция проста и удобна тем, что в одном диалоге (рис.
3.18) можно не только задать картинку для загрузки, но и настроить все параметры отображения этой картинки в тексте.


Рис. 3.18. Диалог Редактирование рисунка

ЗАМЕЧАНИЕ

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

Стиль

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

Импорт из файла CSV

¦ В поле для описания введите текст из колонки Описание файла CSV.
¦ Перейдите на закладку Разделы и выберите раздел для создаваемого товара (в нашем случае Спиннинги).
¦ Сохраните внесенные изменения.
Товар создастся и появится в списке в соответствующем разделе.
¦ Перейдите на страницу Каталог ^ Редактирование.
Товар и раздел можно добавлять не только из административной, но и из публичной части. Для этого:
¦ В меню компонента выберите нужную команду (в нашем случае Добавить товар, рис. 15.20).
Откроется форма создания товара. Создайте еще один товар, как создавали его через административную панель, только теперь привяжите к нему другой товар, используя свойство Привязка к элементу.
¦ Щелкните по кнопке ш рядом с полем Рекомендуемый товар. Откроется окно выбора элементов (рис.
15.21).


Рис. 15.21. Добавление товара в поле Рекомендуемые
¦ В поле Информационный блок выберите блок Товары для рыбалки.
¦ Щелкните по кнопке Найти. В списке элементов отобразится список всех элементов.
Дважды щелкните по нужному товару (или воспользуйтесь командой Выбрать). Форма закроется, а номер товара появится в поле Рекомендуемый товар.
¦ Заполните остальные поля формы.
¦ Сохраните внесенные изменения.
Товар будет добавлен. Теперь, когда вы освоили создание элементов вручную, созданный элемент можно удалить, чтобы он не мешался при освоении импорта (заодно можно удалить и свойство Таблица из самого инфоблока).
Импорт товаров в каталог можно осуществить с помощью файлов двух форматов: CSV и CML. Последний формат это формат, получаемый из программ семейства 1С.
Мы осуществим импорт из файла CSV.

Импорт из файла CSV

Прежде чем приступить к импорту, нам нужно произвести некоторые дополнительные настройки.
Инфоблок как торговый каталог
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Настройки модулей ^ Торговый каталог.
¦ Перейдите на закладку Каталоги.
¦ Найдите в списке информационных блоков блок Товары для рыбалки и в колонке Является торговым каталогом установите флажок.
Теперь, начав создавать товар вручную, вы увидите, что внизу формы появится новая группа параметров, Торговый каталог, в которой производится настройка цен, дополнительных параметров и скидок.
После того как вы отметите инфоблок как торговый каталог, активируется строка в колонке НДС.
¦ Выберите созданную нами ранее ставку в 18%.
¦ Сохраните внесенные изменения.
Настройки импорта
Нам нужно добавить возможность задавать импорт в формате HTML. Это позволит при импорте сразу добавлять отформатированные описания с тегами.
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Настройки модулей ^ Торговый каталог.
В закладке Экспорт/Импорт в группе Экспорт/Импорт из CSV нас интересует поле Доступные поля товара.
¦ В поле Доступные поля товара в общем списке с помощью клавиши CTRL активируйте строку Тип описания (B_IBLOCK_ELEMENT. DETAIL_TEXT_TYPE).
¦ В поле Доступные валюты выберите валюту RUB.
¦ Сохраните внесенные изменения.
Теперь можно перейти непосредственно к импорту.

ЗАМЕЧАНИЕ

Импорт в 1С-Битрикс: Управление сайтом возможен в двух вариантах: просто импорт из файла CSV в инфоблоки и импорт как торговый каталог. Мы рассмотрим именно второй вариант.
Файл CSV
Прежде чем импортировать данные, нужно создать файл CSV, который будет применяться как источник для импорта. На диске, приложенном к книге, есть готовый файл BAZA.csv (папка Х:\ Диск\Данные для каталога\, где Х буква дисковода).
Однако рекомендуется создать новый файл по описанной ниже методике с собственными демо-данными. Вам все равно придется это делать на своих проектах, поэтому попрактикуйтесь заранее.
По умолчанию в 1С-Битрикс: Управление сайтом для файлов импорта используется разделитель ;. Если вы будете использовать иной разделитель, не забудьте указать его при настройках импорта.
Удобнее всего для создания файла использовать программу MS Excel. Можно задействовать и другие средства, вплоть до Блокнота, но Excel удобен и им могут пользоваться обычные пользователи.
¦ Откройте программу MS Excel.
¦ Создайте новый файл под любым именем (в нашем случае это будет файл baza) и сохраните его с расширением .csv.

ЗАМЕЧАНИЕ

При сохранении файла в MS Excel 2007 нет формата разделителя ;. Excel предлагает только разделитель ,. Соглашайтесь на самом деле файл сохранится с нужным разделителем. Вопрос о причинах таких несоответствий к разработчикам MS Excel.
В файле CSV обязательно должен присутствовать уникальный идентификатор и название элемента. Название колонок с параметрами может и не совпадать с названиями параметров в системе.
Главное, чтобы они были понятны вам и при задании условий импорта не возникло затруднений в определении соответствия полей создаваемого файла CSV и полей формы импорта.
¦ Создайте обязательные колонки. Пусть они называются ID и Название.
¦ В колонку ID внесите произвольные цифровые индексы. Индексы должны быть уникальными для каждой строки.
¦ В колонку Название внесите названия товаров так, как они будут отражаться в списке товаров.
Готов необходимый минимум параметров. При желании можно сохранить файл и импортировать его на сайт, технически операция импорта осуществится.
Но это минимум, нормальную торговлю на таких данных организовать невозможно. Значит, будем дополнять файл дальше .
Нам нужно, чтобы каждый товар попадал строго в нужную папку в рамках уже созданной структуры каталога. Для этого в процедуре импорта все предусмотрено. Нужно только создать колонки, которые будут объяснять, куда какому товару попадать.
У нас крайне простая структура с двумя уровнями вложенности. Значит, надо создать две колонки с названиями первого и второго уровня папок в каталоге.
¦ Создайте колонку для первого уровня и назовите ее Первый уровень.
¦ Создайте колонку для второго уровня и назовите ее Второй уровень.
В нашем тестовом файле почти все элементы относятся к разделу Спиннинги. Но есть и элементы для других разделов.
¦ Заполните колонки Первый уровень и Второй уровень для всех элементов.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

Если будут указаны названия разделов нижнего уровня, но не указаны имена разделов верхнего уровня, то создадутся папки верхнего уровня с именем Пустое название. Если у вас случайно произошла такая ошибка, повторного импорта можно не производить.
Просто перенесите добавленные элементы в нужную папку.
Теперь можно приступать к созданию колонок с данными о товаре.
¦ Создайте колонки, соответствующие необходимым данным для импорта.
¦ Заполните колонки данными. В качестве образца возьмите собственные данные.
Обратите внимание на некоторые особенности:
- Если в качестве описания используется текст, отформатированный HTML-тегами, то в настройках торгового каталога в качестве используемой строки необходимо добавить строку Тип описания (мы это сделали выше). Если HTML-форматирование используется и для анонсового описания, нужно и для него добавить нужную строку. Соответственно в CSV-файл должны быть добавлены колонки, указывающие на тип описания.
В нашем тестовом файле это будет колонка Формат, в которой везде будет указан html.
- Добавление элемента в колонку Рекомендуемый товар не произведет автоматического привязывания элемента в свойстве типа Привязка к элементу, так как система не сможет отследить, создан ли на данный момент этот самый рекомендуемый товар. Название товара появится в соответствующем поле, но привязку необходимо будет осуществить вручную.
- При добавлении цены необходимо следить, чтобы разделитель десятичных знаков, используемый в 1С-Битрикс: Управление сайтом совпадал с разделителем, используемым в CSV-файле. Чтобы избежать возможных ошибок, достаточно использовать установки по умолчанию. В системе 1С-Битрикс: Управление сайтом в качестве разделителя десятичных знаков используется запятая. По умолчанию в MS Excel при выборе числового формата ячеек колонки тоже используется запятая.
Если в силу каких-то причин в CMS был заменен тип разделителя для десятичных знаков, его необходимо поменять и в CSV-файле.
- Одновременно с указанием цены в CSV-файле обязательно необходимо предусмотреть колонку Валюта, в которой будет указана используемая валюта. Без этого импорта не произойдет.
Точнее, импорт элементов осуществится, но цены добавлены не будут.
¦ Сохраните внесенные изменения.
Картинки
Перед импортом необходимо загрузить в систему картинки. К сожалению, на данный момент не работает масштабирование картинок, как при ручном добавлении элементов. Поэтому для импорта нужно заранее заготовить большие и маленькие картинки. В файле CSV для них должны быть выделены соответствующие колонки.
Картинки могут быть расположены в любом месте в рамках файловой структуры, главное указать правильный путь до них. Мы создадим папку в рамках папки Upload.
¦ Создайте папку files_import в папке Upload.
¦ Загрузите в нее картинки из папки Данные для каталога с CD, приложенного к книге.
Теперь можно приступать к импорту данных.
Импорт данных
¦ Перейдите на страницу Магазин ^ Торговый каталог ^ Импорт данных ^ Import CSV (new). Откроется Мастер импорта (рис.
15.22).


Рис. 15.22. Первый шаг в импорте данных
¦ С помощью кнопки Выбрать укажите путь до файла BAZA.csv (если файл до этого не был загружен в систему, загрузите его).
¦ В поле Информационный блок укажите в раскрывающемся списке инфоблок Товары для рыбалки.
¦ Щелкните по кнопке [ Далее ]. Система откроет форму второго
шага импорта (рис. 15.23).
В этом шаге нам ничего менять не надо. Для информации просто скажем, что можно использовать как разные разделители, так и заданную ширину полей.
По умолчанию в программе MS Excel используется разделитель ;. Не будем менять этих установок.
По умолчанию первая строка в файле должна определять названия колонок. Возможен и другой вариант, для которого предусмотрено поле Первая строка содержит имена полей.
Но мы используем штатный вариант, а другие рассматривать не будем, поэтому с данного поля флажок не снимаем.
В самом низу формы показан образец загруженного файла. Визуально проверьте правильность форматирования.
Система перейдет к третьему шагу
Щелкните по кнопке импорта (рис. 15.24).
В этой форме надо составить соответствие колонок в CSV-файле свойствам инфоблока. Это действие не должно вызвать у вас затрудне-
ний. Необходимо только следить за правильностью соответствий. В качестве образца можете воспользоваться иллюстрацией (см. рис.
15.24).


Рис. 15.23.Второй шаг импорта


Рис. 15.24. Третий шаг настроек импорта

ЗАМЕЧАНИЕ

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


Рис. 15.25. Дополнительные настройки импорта
¦ В поле Путь к картинкам укажите путь до папки с картинками.
¦ В группе Товары, которых не было в файле, выберите не трогать.
Если выбрать деактивировать, станут неактивными все папки, которые были созданы ранее, но в которые не добавилось ни одного элемента. Если выбрать вариант удалить, то папки, в которые не добавлено ни одного элемента, будут удалены.
Поле Неактивные товары/группы, которые есть в файле, мы не
трогаем. Для информации: это функция для случаев, когда по каким-то причинам (например, отсутствие товара на складе) позицию товара деактивируют, а при последующем импорте ее надо опять включить.
Параметр Время выполнения шага предназначен для больших файлов импорта. Большой файл включает несколько тысяч позиций.
При таких объемах рекомендуется использовать шаг в 30-60 с. В нашем случае можно поставить 0, и весь импорт произойдет в один шаг.
Итак, у нас все готово к импорту.
¦ Щелкните по кнопке Загрузить данные. Начнется процесс импорта.
После его завершения система сообщит об успешном завершении операции (или о возникших ошибках).
Перейдите в публичную часть сайта и посмотрите результаты импорта. Если вы использовали тестовый файл с компакт-диска, то увидите, что в раздел Спиннинги добавилось 25 элементов, а в разделы Жилеты, Фидеры и Вращающаяся блесна по одному.

Настройка отображения каталога и элементов

Добавив элементы, можно приступить к настройке каталога и его шаблонов.

Настройка шаблона

Настройку шаблона мы рассмотрим, только чтобы понять, как свести множество полей в единую таблицу. Вы помните, что при ручном добавлении элементов каталога мы использовали сниппеты. Технически правильнее будет отредактировать шаблон компонента Элемент каталога детально (bitrix:catalog.element).
Но перед этим надо скопировать шаблон всего комплексного компонента Каталог.
¦ Перейдите в режим Разработка на странице Каталог сайта Inet_mag.
¦ С помощью команды Копировать шаблон компонента для компонента Каталог скопируйте шаблон, как уже не раз это делали.

ЗАМЕЧАНИЕ

При копировании шаблонов комплексных компонентов происходит копирование всех одностраничных компонентов, включенных в комплексный.
¦ Перейдите на страницу любого элемента каталога со страницы Главная ^ Каталог ^ Удилища спиннинговые ^ Спиннинги.
На данный момент все добавленные нами свойства выводятся в виде столбца с данными (рис. 15.26).
Это не очень красиво и трудно воспринимается.
Нам нужно, чтобы свойства выводились в таблице, причем без ручного вмешательства: есть свойство оно появляется в таблице само по себе; нет свойства строка с ним исчезает из таблицы. Такое форматирование можно задать в шаблоне. ¦ Выполните команду Редактировать шаблон компонента из меню компонента Элемент каталога детально. Откроется диалог с кодом шаблона.
Найдите в коде шаблона участок, отвечающий за вывод данных свойств инфоблока:
td width=100% valign=top
?foreach($arResult[DISPLAY_PROPERTIES] as $pid=$arProperty):?
?=$arProperty[NAME]?:bnbsp;?
if(is_array($arProperty[DISPLAY_VALUE])):
echo implode (nbsp;/nbsp;, $arProperty[DISPLAY_VALUE]);
elseif($pid==MANUAL):
?a href=?=$arProperty[VALUE]??=GetMes sage(CATALOG_DOWNLOAD)?/a?
else:
echo $arProperty[DISPLAY_VALUE];?
?endif?/bbr /
?endforeach?
/td
Вот этот участок кода нам и нужно отформатировать HTML-тегами, чтобы он отображался в виде таблицы. Так как вы умеете работать с HTML и CSS, мы не будем детально объяснять, почему и где разместили теги, а просто приведем уже отформатированный код:
td width=100% valign=toptable border=1trtd align=center еоІБрап=2ЬТехнические характеристики/Ь/ td/tr
?foreach($arResult[DISPLAY_PROPERTIES] as $pid=$arProperty):?
trtd?=$arProperty[NAME]?/tdtdbnbsp;? if(is_array($arProperty[DISPLAY_VALUE])):
echo implode(nbsp;/nbsp;, $arProperty[DISPLAY_VALUE]);
elseif($pid==MANUAL):
?a href=?=$arProperty[VALUE]? ?=GetMessage(CATALOG_DOWNLOAD)?/a?
else:
echo $arProperty[DISPLAY_VALUE];? ?endif?/bbr //td/tr ?endforeach?
/table/td
Теперь все свойства элемента выводятся в виде таблицы, причем в ней отображаются только свойства, значение которых имеет хоть какую-то величину (рис. 15.27).
Главная Каталог Удилища спининговые Спиннинги
Daiwa MORETHAN BRANZINO 82LL Торговый каталог рыбо ловного магазина Технические характеристики Производитель Daiwa Код 123-456 Длинна 2490 мм Лидер продаж Да Новинка Да Ожидаемая дата поступления 01.03.2009 Рис. 15.27. Свойства элемента выведены в виде таблицы

ЗАМЕЧАНИЕ

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

Настройка каталога

Теперь продолжим настройку отображения каталога и его страниц.
¦ В разделе Каталог перейдите на закладку Разработка административной панели.
¦ Выполните команду Редактировать параметры компонента из меню компонента Каталог. Откроется окно редактирования параметров компонента Каталог.

ЗАМЕЧАНИЕ

Как бы далеко внутрь каталога вы ни залезли, параметры этого комплексного компонента всегда можно вызвать из режима Разработка.
Это окно будет очень большим, если развернуть все его группы параметров. Но использовать в нашем примере мы будем не все.
Поэтому просто перечислим группы параметров с описанием групп, которые не будем использовать. Если при реализации собственных проектов вы столкнетесь с необходимостью использовать эти параметры, обратитесь к документации по продукту.
Для групп параметров, которые используются, мы будем давать более подробное описание с иллюстрациями.
Шаблон компонента выбор шаблона для отображения каталога.
Основные параметры выбор типа инфоблока и самого инфоблока для использования в каталоге. Настройку этой группы параметров мы уже произвели.
Шаблоны ссылок параметры, объясняющие модулю Каталог, как организовывать ссылки в каталоге. Не рекомендуется изменять их без детального ознакомления с механизмом работы.
Управление адресами страниц настройка ЧПУ (человекопонятных адресов). В каталоге всегда удобно использовать понятные адреса, а не адреса типа /catalog/index.php?SECTION_ID=303ELEMENT_ ID=2024.
Для использования таких ЧПУ и создана данная группа параметров. В рамках нашей книги мы этой темы касаться не будем.
Управление режимом AJAX включение и настройка работы режима Ajax. В рамках нашей книги мы этой темы касаться не будем.
Настройки кеширования настройка работы кеша системы. В рамках нашей книги мы этой темы касаться не будем.
Дополнительные настройки незначительные настройки. В рамках данной книги мы не будем касаться этой темы.
Настройки фильтра
А вот фильтр мы подключим. При большом количестве товаров поиск по всему списку товаров вещь не только полезная, но и крайне необходимая.
¦ Установите флажок в поле Показывать фильтр. Этот флажок включает показ формы фильтра на страницах каталога. После перезагрузки окна параметров появятся новые поля (рис.
15.28).


Рис. 15.28. Группа параметров Настройки фильтра
Поле Фильтр оставьте без изменений.
¦ В списке Поля выберите значения полей, по которым можно будет осуществлять поиск. Пустое поле под списком оставьте без изменения это поле для более опытных разработчиков.
¦ В списке Свойства выберите свойства, по которым можно будет осуществлять поиск. Пустое поле под списком оставьте без изменения оно также предназначено более опытным разработчикам.
¦ В списке Тип цены выберите тип, по которому можно будет осуществлять поиск.
¦ Сохраните внесенные изменения. Настройка отзывов
Это группа параметров, разрешающая и настраивающая добавление и вывод отзывов о товарах. Для включения опции:
¦ Установите флажок в поле Разрешить отзывы. После перезагрузки окна настроек появятся дополнительные поля (рис.
15.30).
¦ В поле Количество сообщений на одной странице выведите число сообщений, которое вы хотите видеть на одной странице.
Функцию CAPTHA отключать не рекомендуется.

ПРИМЕЧАНИЕ

CAPTCHA компьютерный тест, используемый, чтобы определить, кем является посетитель сайта: человеком или компьютером.


Рис. 15.30. Настройка отзывов
Остальные поля оставьте без изменений, единственное, что можно отрегулировать, это показывать или нет ссылку на форум.
¦ Сохраните внесенные изменения.
На странице детального описания товара появится форма для добавления сообщений.
Настройки сравнения подключает возможность сравнения товаров.
¦ Установите флажок в поле Использовать компонент сравнения.
После перезагрузки окна настроек появятся дополнительные поля (рис. 15.31).


Рис. 15.31. Настройки компонента сравнения элементов
Не трогайте поле Уникальное имя для списка сравнения, оставьте его для более опытных разработчиков.
¦ В списках Поля и Свойства выберите параметры сравнения.
Поле Выводить список элементов инфоблока подключает вывод раскрывающегося списка элементов на странице сравнения.
¦ В полях По какому полю сортируем список элементов и Порядок сортировки задайте порядок сортировки элементов в списке.
¦ В полях По какому полю сортируем товары в разделе и Порядок сортировки товаров в разделе задайте порядок сортировки элементов на странице сравнения.
¦ Сохраните внесенные изменения.
После сохранения изменений появится возможность добавить товар в таблицу сравнения (по умолчанию ссылка Сравнить в списке элементов и на странице детального просмотра товара) и список сравниваемых элементов с кнопкой Сравнить, по которой происходит переход на страницу сравнения (рис. 15.32).


Рис. 15.32. Список сравниваемых элементов Настройка отображения цены
Группа Цены это параметры, управляющие выводом цен (рис. 15.33).
Параметры включаются после указания на то, что инфо-блок является торговым каталогом, и внесения цен на элементы инфо-блока.
¦ Выберите тип цены, которая должна будет отображаться на странице товара. Можно задать несколько типов цен для вывода.


Рис. 15.33. Группа параметров Цены
Если вы хотите, чтобы выводились все типы цен, можно просто установить флажок Использовать вывод цен с диапазонами.
¦ В поле Выводить цены для количества поставьте 1.
¦ Отметьте поля Включать НДС в цену и Отображать значение НДС.
¦ Сохраните внесенные изменения.
После сохранения изменений будут отображаться цены для конкретного товара, а также ссылки Купить и В корзину (рис. 15.34).

Информер курса валют

- Десятичная точка при выводе и Разделитель тысяч при выводе способы разделения частей отображения валюты.
- Количество десятичных знаков количество знаков после запятой, которые нужно выводить при показе курса.
¦ Сохраните внесенные изменения. Форма закроется, а в списке валют
появится новая валюта.

ЗАМЕЧАНИЕ

Удаление валюты и вызов формы редактирования валюты осуществляются точно так же, как и в остальных формах отчета.

Курсы валют

Курсы валют это инструмент для ведения истории курсов валют (рис. 14.3).
¦ Перейдите на страницу Настройки ^ Валюты ^ Курсы валют.
Для создания курса валюты на текущую дату:
¦ Щелкните по кнопке Создать курс валют на контекстной панели. Откроется форма создания курса валют (рис.
14.4).
¦ В раскрывающемся списке поля Валюта выберите валюту, курс которой необходимо сохранить.


Рис. 14.3. Курсы валют


Рис. 14.4. Создание курса валют
¦ В поле Дата с помощью кнопки ^ выберите дату, на которую нужно сохранить курс.
¦ Щелкните по кнопке Запросить. Система запросит курс валют на выбранную дату с сайта Центробанка России () и выведет значения в полях Номинал и Курс.
¦ Сохраните внесенные изменения. Откроется форма отчета со списком сохраненных курсов, в который добавится новый курс.
Теперь модуль Валюта настроен на работу с каталогом и интернет-магазином. Работа этого модуля, как уже говорилось, внешне не видна: к нему обращаются модули Торговый каталог и Интернет-магазин. Но есть один внешне отображаемый компонент, который позволяет увидеть присутствие модуля на сайте.
Это информер курса валют.

Информер курса валют

Размещение информера курса валют мы рассмотрим на примере магазина как раздела сайта.
¦ Перейдите в раздел Интернет-магазин сайта Клуб любителей рыбалки .
¦ Откройте закладку Редактирование.
¦ В Меню команд включаемой области (там, где мы добавляли лозунги) выполните команду Добавить включаемую область для раздела. Откроется окно Редактирование включаемой области (рис.
14.5).
¦ Удалите из включаемой области текст по умолчанию.
¦ Перенесите на рабочую область редактора компонент Таблица курсов валют из раздела Контент ^ Валюты панели Компоненты 2.0.
¦ Вызовите панель Настройки параметров компонента.
¦ В поле Массив исходных валют для перевода выберите валюты, данные о которых должны отображаться на информере.
¦ В поле Валюта, к которой приводятся исходные валюты, укажите базовую валюту.
¦ В поле День, на который показывать курсы валют, укажите дату, из которой будут браться параметры.
Это поле инструмент для показа курса валют, используемого на сайте. Не секрет, что иногда в интернет-магазинах используется курс, отличный от курса ЦБ России.
Создав курс валют с нужными параметрами на определенный день и указав этот день в данном поле, мы информируем посетителей магазина о реальном курсе, используемом в магазине.


Рис. 14.5. Добавление информера валют
Если кроме обменного курса, действующего в магазине, нужно указать курс ЦБ России (например, если обменный курс у вас выгоднее, чем в ЦБ), то:
¦ Установите флажок в поле Показывать курс валют с ЦБ РФ.
¦ Сохраните внесенные изменения. Окно закроется, а таблица отобразится на странице интернет-магазина (рис.
14.6).


Рис. 14.6. Установленный компонент Таблица курсов валют
Виден как курс валют на сайте, так и курс ЦБ РФ. Однако надписи не соответствуют стилю на сайте, и, кроме того, компонент растягивает таблицу за пределы размеров, утвержденных дизайнером.
Приведем все в соответствие.
¦ Перейдите на закладку Разработка административной панели.
¦ Скопируйте шаблон компонента и откройте его для редактирования.
Сначала разместим таблички обоих курсов не сверху вниз, а в одной строке. Для этого надо просто поместить каждый вызов функций в свою таблицу и установить обе таблицы в одной строке.
Затем надо изменить шрифт текста. Для этого мы используем стили оформления, аналогичные стилям компонента Форма авторизации, расположенного рядом.
Название таблички будет подобно имени пользователя, а тексты логину пользователя.
¦ Откройте файл CSS компонента Форма авторизации для редактирования.
¦ Скопируйте в отдельный файл строки классов login-info и login-info а.
¦ Откройте для редактирования файл CSS компонента Таблица курсов валют.
¦ Вставьте в файл строки классов login-info и login-info а.
¦ Откройте для редактирования шаблон компонента Таблица курсов валют.
¦ Вставьте в строки с названиями табличек упоминание о классе login-info.
¦ Вставьте в строки с текстами курсов валют упоминание о классе
login-info а.

ЗАМЕЧАНИЕ

Образцы исходного и конечного кода файла CSS и шаблона компонента есть в приложении 3.
Теперь компонент отображает информацию в общем стиле с сайтом (рис. 14.7).
На втором сайте, в интернет-магазине, таблица курса валют уже встроена в шаблон. Его мы настраивать не будем.

Резюме

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

Глава 15ТОРГОВЫЙ КАТАЛОГ

Рассмотрим пример создания каталога. Однако перед этим оговоримся, что рассматривается довольно простой пример с минимально необходимым уровнем функций.
Работа торгового каталога и интернет-магазина реализована на базе модуля Информационные блоки. С информационными блоками (далее для простоты мы будем называть их инфоблоки) мы вскользь уже знакомились, когда говорили о фотогалерее.
Но вам важно детально представлять суть этого модуля.

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

Любую информацию удобнее всего располагать системно. Тем более однородную. Если у какой-то информации можно выделить типовые свойства, то ее размещение на сайте лучше всего реализовать с помощью инфоблоков.
Это существенно сократит время, необходимое для добавления и изменения информации.
Информационные блоки это модули, позволяющие легко создавать и управлять различными типами однородной информации.
Такая систематизация идеально подходит для компонентов Каталог товаров и Интернет-магазин. Ведь в магазинах всегда продаются однотипные товары. Даже если товары различаются между собой типами свойств, все равно можно использовать инфоблоки.
Просто придется создать несколько типов и несколько самих инфоблоков.
Один из удобных моментов работы с инфоблоками заключается в том, что они позволяют создать иерархическую структуру. Наверху пирамиды располагается тип инфоблока. Это обобщение самого высокого уровня. Чуть ниже сами инфоблоки, которых у каждого из типов может быть много.
Каждый инфоблок позволяет создать неограниченное число разделов. Причем разделы могут иметь внутреннее вложение, а внутри каждого раздела может находиться неограниченное количество элементов.
Примером может послужить следующая иерархия:
- тип инфоблока товары для отдыха и рыбалки;
- инфоблок рыболовное снаряжение;
- раздел удочки, подраздел поплавочная удочка;
- элемент конкретная удочка.
Аналогичную структуру можно построить по другим товарам, тематическим статьям, фотографиям, каталогам разнообразных коллекций, списку должностей всему, что можно каталогизировать.

ЗАМЕЧАНИЕ

Модуль Информационные блоки есть даже в самой начальной редакции 1С-Битрикс: Управление сайтом Старт. Это означает, что на этой редакции, при некотором умении, можно создать каталог товаров и даже простой интернет-магазин. Но это требует довольно высокого уровня знаний в области программирования PHP
По умолчанию в дистрибутиве 1С-Битрикс: Управление сайтом имеется несколько созданных типов инфоблоков, которые вы можете рассматривать как образцы. Вы можете удалить демонстрационные ин-фоблоки и создать собственные. Типы инфоблоков создаются в форме
Типы информационных блоков (Контент ^ Информ. блоки ^ Типы информ. блоков) и отображаются в меню административной части в разделе Контент (рис. 15.1).
В каждом из типов инфоблоков предусмотрено несколько демонстрационных инфоблоков. Инфоблоки также создаются в административной части (Контент ^ Информ. блоки ^ Типы информ. блоков ^ имя_типа_инфоблока) и отображаются в меню административной части в разделе соответствующего типа инфоблока (рис.
15.2).
А вот разделы и элементы разделов могут создаваться как с формы в административной части (Контент ^ Тип_инфоблока ^ имя_инфо-блока), так и из публичной части (рис. 15.3).
В административной части разделы отображаются в виде иконок с папками (рис 15.4).
Конкретные элементы инфоблоков в меню Контент административной части не отображаются. Элементы отображаются только в форме


Рис. 15.1. Все это типы инфоблоков
Контент ^ Тип инфоблока ^ имя_инфоблока ^ Раздел_инфобло-ка ^ Подраздел инфоблока. В публичной части инфоблоки видны в том виде, в каком они заданы в свойствах инфоблока, в соответствии с шаблоном и файлом CSS. Каждый инфоблок имеет свою привязку к сайту. Чтобы это понять, на сайте Inet_mag перейдите на страницу Детская литература (Интернет-магазин ^ Каталог книг ^ Детская литература).
Вы увидите, что под названием страницы пустота, нет никакой информации (инфоблок Книги не привязан к сайту Inet_mag). Исправим это.
¦ Перейдите на страницу Контент ^ Информ. блоки ^ Типы ин-форм. блоков ^ Каталог книг.
¦ Двойным щелчком по инфоблоку откройте форму редактирования свойств инфоблока (рис. 15.5).
Форма довольно большая, и у нее много закладок, но на данный момент нас интересует только одна группа полей: Сайты. Вы увидите, что флажок поставлен только у одного сайта, Демо-сайт.
Это означает, что инфоблок Книги привязан только к этому сайту и, следовательно, его элементы будут отражаться только на демо-сайте. ¦ Поставьте флажок в поле у сайта Inet_mag.
¦ Снимите флажок в поле у сайта Демо-сайт.
¦ Сохраните внесенные изменения.
¦ Перейдите в публичный раздел на страницу Интернет-магазин ^ Каталог книг ^ Детская литература.
Вы увидите под формой фильтра описания книг из каталога.
Функция привязки к сайтам необходима, чтобы модуль Информационные блоки знал, на каком из имеющихся сайтов отображать тот или иной инфоблок. Имея несколько сайтов, удобно вести работу по обновлению контента из одной административной панели.
Например, работая с несколькими языковыми сайтами-зеркалами, можно публиковать новости и создавать каталоги на этих же языках. Материалы будут автоматически размещены на соответствующем сайте.
Общий порядок работы с инфоблоками таков:
- Внимательное продумывание структуры инфоблоков. На начальном этапе создания сайтов еще можно переделать всю работу без особых временных потерь. Однако после импорта какой-нибудь большой базы данных при неудачно созданной структуре возможна ситуация, при которой потребуется повторить весь импорт заново: инфоблоки не могут менять свой тип.
И если вам надо перенести данные из одного типа инфоблока в другой, то сделать это можно только экспортом данных и импортом их в новый инфоблок другого типа. Аналогично и с разделами и элементами.
- Создание нужного типа инфоблоков с настройкой параметров.
- Создание самих инфоблоков с настройкой параметров.
- Создание структуры внутри инфоблока.
- Создание элементов инфоблока путем ручного ввода данных или импорта их из файлов разного формата.

Создание структуры каталога

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

ЗАМЕЧАНИЕ

При описании дальнейшей работы мы не будем говорить о настройках внешнего вида компонентов и о дизайне как таковом. Везде будет использоваться шаблон по умолчанию.
Вы знаете уже достаточно, чтобы самостоятельно кастомизировать шаблон под собственные дизайнерские потребности.
Одна из самых простых и распространенных схем структуры каталога обычная древовидная система типа:
- тип товаров 1
--группа товаров 1 --- товар 1_1 --- товар 1_2 --- товар 1_3 --группа товаров 2 --- товар 2_1 --- товар 2_2 --группа товаров 3 --- и т. д.
- тип товаров 2
- и т. д.
В зависимости от целей магазина эту структуру можно реализовать разными способами. Например, через один тип инфоблока и несколько инфоблоков.
В этом варианте типу товаров будет соответствовать инфоблок, группе товаров раздел инфоблока, товару элемент инфоблока. Более сложные схемы каталогизации можно реализовать, создавая разные типы инфоблока и разветвляя разделы инфоблока за счет вложенных подразделов.
Но можно обойтись и одним инфоблоком, если правильно продумать его свойства, что мы и реализуем как самый простой вариант.
Реализация каталога и магазина на нескольких инфоблоках вполне возможна, но требует знания PHP и дополнительных усилий. Дело в том, что ни один из компонентов в системе 1С-Битрикс: Управление сайтом не может работать одновременно с несколькими инфоблоками в полном объеме. Причина этого в свойствах.
У каждого из инфоблоков они разные, предсказать эти свойства для всех жизненных случаев невозможно.
Сложности могут возникнуть разные. Например, для вывода полного каталога на одной странице нужно будет использовать число компонентов, равное числу инфоблоков. А этот способ имеет свои минусы.
Прежде всего, нельзя использовать один и тот же шаблон для каждого компонента. В некастомизированном виде компонент не прописывает название инфоблока, и его надо вручную вводить в шаблон, а это означает лишнюю работу по настройке шаблонов.
Решить эту проблему можно, но требуется умение программировать на PHP, что мы не будем применять в рамках этой книги. А воспользуемся мы комплексным компонентом Каталог.
Он благополучно решает все задачи простейшего каталога.

ЗАМЕЧАНИЕ

Нельзя размещать несколько комплексных компонентов на одной странице.
Предложенную структуру можно живьем посмотреть на сайте интернет-магазина Rufisher.ru, который любезно предоставил нам данные для написания книги (рис. 15.6).
Мы видим, что разделам инфоблока соответствуют самые верхние уровни структуры (Катушки, Приманки и т. д.), подразделам средние уровни структуры (Вращающаяся блесна, Воблеры, Мягкие приманки и т. д.), а элементам инфоблока конкретные изделия.
Создание каталога на базе одного инфоблока не означает, что со временем не возникнет потребности в создании нового инфоблока. При расширении ассортимента магазина можно будет создавать дополнительные инфоблоки и включать их в каталог.

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

Создание нового типа инфоблока самая простая операция в работе с каталогом (мы уже описывали создание типа инфоблока в главе 8, но повторимся и для каталога).
¦ Перейдите на панель управления.
¦ Откройте страницу Контент ^ Информ. блоки ^ Типы информ. блоков.
¦ Активируйте опцию Добавить новый тип на контекстной панели. Откроется форма создания нового типа информационного блока (рис.
15.7).
¦ В закладке Основное укажите символьный код типа информационного блока в поле Идентификатор (ID). Код это произвольный набор латинских букв, понятный администратору сайта. Пусть в нашем примере это будет catalog_fish_tovar.
Даже если передать сайт на администрирование кому-то постороннему, ему будет ясно, что это каталог рыбных товаров.
¦ Не снимайте флажок у поля Использовать древовидный классификатор элементов по разделам. Наша структура будет древовидной, поэтому нужно разрешить понятие иерархии для этого типа.
¦ Введите название типа информационных блоков для русского языка. Вводите названия в соответствии с выбранной выше схемой: Товары для рыбалки, группа товара и товар.
¦ Повторите ввод названия для англоязычной версии: Merchandise for Fishing.

ЗАМЕЧАНИЕ

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


Рис. 15.7. Создаем новый тип инфоблока
¦ Перейдите на закладку Дополнительно.
Здесь собраны дополнительные возможности, которыми можно воспользоваться при работе с типом инфоблока. В рамках нашего рассказа они использоваться не будут.
При необходимости вы можете узнать о них в документации по продукту.
¦ Сохраните внесенные изменения. Форма закроется, а система перейдет к списку имеющихся типов инфоблоков, среди которых отразится и вновь созданный тип инфоблока.

ЗАМЕЧАНИЕ

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

Создание инфоблока

Создание инфоблока это довольно важная, сложная и объемная задача. Дело в том, что группы товаров имеют разные свойства, и возникает вопрос: как лучше их организовать? Самое простое под каждую ветку товара создавать свой инфоблок. В таком случае проблем со свойствами не будет, но это вызовет другие проблемы, о которых мы говорили выше.
Мы решили остановиться на одном инфоблоке.
Рассмотрим создание инфоблока на примере инфоблока Удилища спиннинговые.
¦ Перейдите на страницу Контент ^ Информ. блоки ^ Типы ин-форм. блоков ^ Товары для рыбалки.
¦ Щелкните по кнопке Добавить инфоблок на контекстной панели. Откроется форма создания инфоблока (рис.
15.8).
Форма очень большая и имеет много закладок. Поэтапно заполним их.


Рис. 15.8. Создаем инфоблок
Первая закладка Инфоблок задает общие параметры.
¦ Поле Значения свойств хранятся оставьте без изменения. По умолчанию все данные хранятся в единой таблице базы данных.
Можно переключиться на хранение в разных таблицах в больших интернет-магазинах это может дать прирост производительности.
Но для правильного использования данного параметра необходимо уметь работать с базами данных.
¦ В поле Запись активна должен стоять флажок. В противном случае инфоблок не будет отображаться в публичной части сайта.
¦ Символьный код это произвольное название инфоблока на латинице, понятное администратору сайта. В нашем случае spinning rod.
¦ В группе полей Сайты нужно отметить сайты, к которым будет привязан инфоблок и, соответственно, отображаться. Поставьте флажки у сайтов Matchfishing и Inet_mag.
¦ В поле Название введите название инфоблока. Название можно вводить на кириллице.
Пусть в нашем случае это будут Товары для рыбалки.
¦ В поле Сортировка можно не вводить индекс сортировки, так как пока инфоблок один. Но если их будет несколько, возникнет потребность в сортировке.
Индекс сортировки желательно вводить таким образом, чтобы в списке информационные блоки отображались в том же порядке, как они будут выводиться в каталоге. Так удобнее.
Остальные поля оставим пока без изменений, редактирование этих параметров на данном этапе необязательно. К ним вы сможете вернуться, когда детально разберетесь в работе каталога и инфоблоков (с помощью документации или практики) и будете понимать смысл действий.
В книге эти моменты освещаться не будут.
В группе полей Описание можно задать изображение для инфоблока и его описание. Эти данные не будут выводиться для публичного просмотра.
¦ Перейдите на закладку Поля (рис. 15.9).
В этой закладке можно настроить внешний вид полей в форме создания инфоблока при включении нового элемента. Проще говоря, вы можете уменьшить свои (или контент-менеджера) трудозатраты при создании каждого отдельного элемента.
В данной форме три колонки:
- Поле элемента поле, по отношению к которому будет применяться настройка.
- Обяз(ательность) флажок обозначает обязательность заполнения поля.
- Значение по умолчанию значение по умолчанию, которое будет принимать это поле.


Рис. 15.9. Закладка Поля
Проще всего с колонкой Обяз(ательность). Надо просто поставить флажки у тех полей, которые должны быть обязательными для заполнения.

ЗАМЕЧАНИЕ

Есть поля, которые системно обязательны для заполнения. У таких полей нельзя ни установить, ни снять флажок.
Если в колонке Значение по умолчанию пустая строка, то в этом поле нельзя задать значение по умолчанию. А вот в строках, где эти значения можно задать, мы настроим свои значения.
¦ Свойству Активность оставим значение Да. В этом случае каждый элемент будет активным сразу после создания.
Поле Начало активности задавать не будем, так как предполагается, что товар поступит в продажу сразу после занесения в каталог.
¦ В поле Название напишем Введите название. Это будет подсказка контент-менеджеру.
На сайтах, как правило, используется маленькая превьюшка и большая фотография товара. Если товара много, приходится тратить много времени на создание маленьких картинок из больших. Можно этого не делать. Достаточно загрузить одну большую картинку, а в свойствах закладки Поля указать способ ее обработки.
Обработка возможна как для маленьких анонсовых картинок, так и для больших.
Настроим работу инфоблока таким образом, чтобы, загружая одну картинку, мы получали одну маленькую и одну большую иллюстрацию заданного размера и с заданным качеством.
Займемся блоком Картинки для анонса.
¦ Установите флажок Создавать картинку анонса из детальной. Теперь анонсовая картинка будет создаваться из большой (детальной в терминологии 1С-Битрикс: Управление сайтом).
¦ Установите флажок Уменьшать, если большая. Картинка будет уменьшаться до размеров, заданных ниже.
¦ В полях Максимальная ширина и Максимальная высота выставьте размер картинки в пикселах.
Изменение размера картинок происходит пропорционально. Задание размеров в этих полях дает гарантию, что анонсовая картинка случайно не испортит дизайн страницы.

Интеграция дизайна в систему

Однако лучше размещать их в специальной папке самого шаблона, чтобы не путаться.
¦ Откройте папку, где расположен шаблон (/bitrix/templates/test).
¦ Создайте в ней папку /images.
В этой папке мы будем хранить все картинки для фона сайта.

ЗАМЕЧАНИЕ

Поместить картинки можно и в корневую папку Images, но размещение изображений по предлагаемому нами варианту имеет один плюс: при копировании (или экспорте) шаблона вам не придется заново импортировать картинки в новый шаблон. Копия создастся сразу с папкой с картинками.
Загрузить изображения в эту папку можно двумя способами: правильным и быстрым. Правильным это значит с использованием механизма системы.
Однако данный механизм удобен при загрузке малого количества файлов. Быстрый способ позволит загрузить много картинок за один шаг, а при создании шаблона перед нами будет стоять именно такая задача.
Мы опишем оба способа. Начнем с правильного.
¦ Перейдите в папку Контент ^ Структура сайта ^ Файлы и папки ^ /bitrix/templates/test/images.
¦ Щелкните по кнопке Загрузить файл. Откроется форма для загрузки файлов.
В форме только пять строк, то есть можно загрузить за один раз только пять файлов. Поэтому форма и неудобна для массовой загрузки.
¦ Щелкните по кнопке [ Обзорі |. Откроется системный диалог выбора файла для загрузки.
¦ Укажите путь к файлу. Файлы фоновых картинок находятся на CD в папке Сайт\іг?\.
¦ Повторите два последних действия для всех строк формы.
¦ Щелкните по кнопке Сохранить - Файлы загрузятся в указанную папку.
Так как файлов много, четыре последних действия вам придется повторять достаточно много раз. Поэтому мы освоим быстрый способ загрузки.
Для этого можно использовать Проводник Windows или любой двухоконный файловый менеджер. Технология эта типовая, поэтому мы не будем о ней рассказывать, а только укажем пути.
Исходную папку вы уже знаете, конечная папка в рамках локального компьютера: c:\Program Files\Bitrix Environment\www\bitrix\templates\test\images.

ЗАМЕЧАНИЕ

Копирование файлов (не только графических, как в данном примере, но и любых других) с помощью Проводника Windows или файлового менеджера удобно при создании сайта на локальной машине.
При необходимости загрузить на сайт большое число файлов вы должны быть уверены в том, что загруженные не через CMS файлы будут иметь достаточные права при работе с ними из 1С-Битрикс: Управление сайтом.
Скопируйте все файлы картинок любым способом. Осталось только изменить пути до картинок в кодах шаблона.
В исходном дизайне пути до картинок прописаны как izo/. Нам нужно поменять их на bitrix/ templates/test/images.
Можно это делать вручную, но мы облегчим себе процесс с помощью штатной функции поиска в браузере.
¦ Откройте для редактирования шаблон сайта.
¦ Перейдите в режим текстового редактирования.
¦ Вызовите функцию поиска с помощью горячих клавиш CTRL+F. В Internet Explorer откроется диалог поиска, в Firefox появится панель поиска внизу окна.
¦ Установите курсор в самом начале кода.
¦ Введите в поле поиска izo/. В строках кода отобразится первое найденное слово.
¦ Скопируйте в буфер обмена bitrix/templates/test/images.
¦ Горячими клавишами CTRL+V произведите замену одного пути другим.
¦ Щелкните по кнопке Следующее в Firefox или Далее в Internet Explorer. Найдется следующая ссылка на картинку.
Вновь замените путь.
¦ Повторяйте последнее действие до тех пор, пока не замените все пути.

ЗАМЕЧАНИЕ

Число замен будет очень большим 132! Поэтому нужно потерпеть.
Впрочем, если вы не хотите постоянно нажимать клавиши, можете скопировать код шаблона в любой текстовый редактор, кроме MS Word (например, Bred2), воспользоваться встроенной функцией автозамены и вернуть измененный текст назад в поле для кода нашего шаблона.
¦ Сохраните изменения.
¦ Откройте сайт в режиме Просмотр.
Вы увидите, что теперь все картинки, кроме картинок в колонках Блоги и Галерея, а также картинки в теле статьи О прикорме отображаются. При этом не прорисованы границы и на сайте отображен текст, не предусмотренный в дизайне (рис.
4.8).
Статьи / Советы/ О прикорме іа что О прикорме и Споры о том, на что ловитъ и чем лучше гдане прикармливать, наверное, никогда не закончатся. Одни предпочи-тают Рис.
4.8. Нет границ, и появился ненужный текст
Картинки в колонках Блоги и Галерея, а также картинка в теле статьи О прикорме не отображаются, поскольку они не загружены на сайт (они были расположены не в папке izo). На это можно не обращать внимания, так как все равно нам придется удалять участки кода с этими картинками и заменять их компонентами 1С-Битрикс: Управление сайтом.
К ненужному тексту мы вернемся позже (кстати, появившийся самостоятельно текст может быть совсем не таким, как на нашей иллюстрации, это зависит от используемых по умолчанию шаблонов сайта в дистрибутиве CMS). А вот границами займемся сейчас.
Для этого надо познакомиться с файлами CSS.

ПРИМЕЧАНИЕ

CSS (Cascading Style Sheets, каскадные таблицы стилей) это набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом и положением. Стили являются удобным, практичным и эффективным инструментом при верстке веб-страниц и оформлении текста, ссылок, изображений и других элементов.
Файлы CSS могут применяться как к шаблону в целом, так и к отдельным компонентам. В форме редактирования шаблона мы до сих пор работали только с одной закладкой Шаблон. Но там есть еще и другие закладки, которые физически представляют собой два разных файла стилей. Первый файл (первая закладка) Стили сайта применяется к содержимому сайта: тексту, картинкам, таблицам.
Второй файл (вторая закладка) Стили шаблона применяется к самому шаблону в плане его оформления. Со всеми возможностями каскадных стилей в рамках проекта мы будем знакомиться по мере создания тестового сайта.
И начнем с возникшей проблемы рамок, которая связана со вторым файлом, Стили шаблона.
¦ Откройте закладку Стили шаблона.
Вы увидите, что поле Файл стилей шаблона (template_styles.css)
пустое, то есть в нем не задано никаких стилей. Чтобы узнать, какие стили применял в проекте дизайнер, надо посмотреть файл с расширением .css, который используется в тестовом дизайне.
Он называется code.css и лежит на компакт-диске в папке Сайт\іг?\ (кстати, файл формата .css вообще может называться как угодно, не обязательно code).
¦ Откройте файл с помощью любого текстового редактора, например штатного системного Блокнота. Вы увидите, что в нем прописано только два стиля: body и .br.

ЗАМЕЧАНИЕ

При желании с помощью функции поиска вы можете найти в кодах дизайна текст class=br. Вы увидите, что он стоит среди прочих параметров тегов td. Так задается оформление границ ячейки таблицы. Тег td предназначен для создания одной ячейки таблицы.
Тег td должен размещаться внутри контейнера tr, который, в свою очередь, располагается внутри тега table.
Так как речь зашла о тегах, сразу дадим определения и других тегов, чтобы все определения таблиц были в одном месте.
Тег tr служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки может задаваться с помощью тега TH или TD.
Тег th предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке обычно отображается браузером жирным шрифтом и выравнивается по центру.
Тег тн должен размещаться внутри контейнера tr, который располагается внутри тега table.
Элемент table служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов tr и td.
Внутри TABLE допустимо использовать следующие элементы: td, tfoot, th, thead и tr.
Поскольку класс .br задан, но не прописан в таблице стилей шаблона, он и не отображается визуально на нашем тестовом сайте.
¦ Из файла code.css скопируйте в буфер обмена строку со стилем: .br {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-decoration: none}.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 3.
¦ Вставьте строку в поле Файл стилей шаблона (template_styles.css) закладки Стили шаблона.
¦ Сохраните внесенные изменения.
¦ Откройте сайт в закладке Просмотр.
Вы увидите, что на сайте появились рамки в местах, где они были в тестовом дизайне. Нам осталось лишь добавить стили для текста. Пока по умолчанию на сайте используются шрифты, их размеры и форматирование в соответствии с настройками браузера. Дизайнер использовал иной шрифт и описал это в стиле.
Добавим этот стиль.
¦ Откройте для редактирования шаблон сайта.
¦ Перейдите в закладку Стили сайта.
¦ Из файла code.css скопируйте в буфер обмена строку со стилем: body {font-family: arial; text-decoration: none }.
¦ Сохраните изменения.
К стилям шаблона и текста мы еще вернемся в ходе работы над интеграцией дизайна в систему 1С-Битрикс: Управление сайтом.

Интеграция дизайна в систему

1С-Битрикс: Управление сайтом динамическая система. Это означает, что для изменения содержимого сайта не нужно править сами коды, изменение происходит за счет работы с визуальными компонентами.
Сам дизайн задается с помощью шаблона сайта, который мы уже на четверть создали. На четверть, потому что в имеющемся на данный момент шаблоне есть только HTML-код, но отсутствуют функции вызова визуальных компонентов.
А их интеграция это существенный объем работы.

ПРИМЕЧАНИЕ

Компонент это программный логически завершенный код, который позволяет выполнять операции с данными отдельных модулей системы, или, проще говоря, действия по работе с содержимым сайта. Компонент может иметь свой отдельный шаблон и файл css, которые и определяют его внешний вид.
Что можно сделать с помощью компонентов?
- Организовать управление структурой сайта и навигацию по сайту: меню, навигационная цепочка, карта сайта.
- Создать полнофункциональные разделы на сайте. Например, раздел статей или фотогалереи.
- Создать возможность управления часто используемыми функциями на сайте (авторизация, подписка, поиск).
- Создать возможность управления динамически обновляемой информацией (например, лентой новостей, случайным фото).
Получается, что весь сайт можно собрать на них, кроме вывода внешнего вида сайта в целом. Управление общим дизайном сайта реализовано в CMS 1С-Битрикс: Управление сайтом с помощью технологии шаблонов.

Что такое шаблон

Шаблонов сайта может быть несколько, могут применяться разные условия для их отображения в окне браузера. Технология шаблонов позволяет не только создавать несколько сайтов на одном движке с разным дизайном, но и использовать разные стили оформления внутри разделов одного и того же сайта. И даже сделать так, чтобы для разных посетителей сайт выглядел по-разному! К одному сайту может быть применено неограниченное число шаблонов.
Один и тот же шаблон может быть многократно использован для любых сайтов при различных условиях. В ваших руках очень сильное и гибкое средство управления оформлением сайта, которое надо знать и уметь с ним работать.

ПРИМЕЧАНИЕ

Шаблон дизайна это внешний вид сайта, в котором определяются расположение различных элементов на сайте, художественный стиль и способ отображения страниц. Включает в себя программный HTML-код, графические элементы, таблицы стилей, дополнительные файлы для отображения контента.
Может также включать шаблоны компонентов, готовых страниц и сниппеты.
Под интеграцией дизайна в систему понимается замена HTML-кода PHP-кодом. Этот код подключает компоненты, обеспечивающие динамическое управление содержимым сайта.
Далее следует этап подгонки шаблонов компонентов под дизайн проекта.
Будьте далее внимательны, поскольку раньше слово шаблон у нас относилось к шаблону сайта в целом. Теперь, кроме большого шаблона дизайна, появляются еще и маленькие шаблоны каждого отдельного компонента.
Технически вся процедура интеграции дизайна в 1С-Битрикс: Управление сайтом сводится к следующему алгоритму действий:
- Выделение и удаление из исходного кода сайта HTML-кода, обеспечивающего функцию, которую мы хотим реализовать через PHP-код.
- Вставка PHP-кода компонента в нужное место.
- Подгонка шаблона компонента под дизайн сайта.
В целом все просто. Однако эта работа требует особого внимания.
Надо тщательно выбирать то, что будет вырезано из HTML-кода. Случайное удаление лишнего тега (или его части) приведет к искажению дизайна. Не менее внимательно надо подходить к PHP-коду.
Случайное удаление или искажение кода приведет к ошибкам.
В самом начале книги мы оговорились, что от читателя потребуется начальное знание HTML. Поэтому при описании редактирования шаблонов и стилей мы не всегда будем пояснять смысл действий.

ЗАМЕЧАНИЕ

Описанные в тексте этой книги способы изменения дизайна самого сайта и компонентов носят учебный характер. Поэтому их выполнение не всегда оптимизировано. Если вы хотите внести какие-то изменения в дизайн, выполните следующие действия:
¦ Сначала попытайтесь сделать это редактированием шаблона самого сайта и файлов css.
¦ Если это невозможно, то попытайтесь сделать это средствами редактирования страницы сайта.
¦ И только в крайнем случае переходите к редактированию шаблонов компонента и файлов css компонента. При этом необходимо копировать шаблоны, а не редактировать их в системной папке.
Такая последовательность действий необходима, поскольку при обновлении продукта происходит и обновление шаблонов компонентов. Если вы изменили (кастомизировали) шаблон компонента, он обновляться не будет.
При этом возможна потеря функционала обновленной версии или снижение уровня безопасности.

Немного теории

Перед началом работы совсем немного отвлечемся на структуру дизайна динамического сайта в CMS 1С-Битрикс: Управление сайтом. Структурно дизайн поделен на три части: Header, Work Area, Footer.
Эти части могут занимать разную площадь, иметь разную форму, но неизменно одно их порядок (рис. 4.9).
На рисунке приведены три варианта расположения частей шаблона сайта.


Рис. 4.9. Три варианта расположения частей сайта

ПРИМЕЧАНИЕ

Header верхняя часть дизайна, заголовок. Включает в себя, как правило, верхнюю и левую часть дизайна со статической информацией (логотипом, лозунгом и т. д.), верхним горизонтальным меню и левым меню (если они есть в дизайне).
Может включать информационные динамические материалы. Хранится в отдельном файле header.php.
Work Area рабочая область страницы, где размещаются собственно информационные материалы сайта, которые и требуют динамической замены в соответствии с заданными условиями.
Footer нижняя часть дизайна со статической информацией (контактная информация, сведения об авторе и владельце сайта и т. д.), нижним горизонтальным меню и правым меню (если они есть в дизайне). Может включать информационные материалы.
Хранится в отдельном файле footer.php.
Разделение частей сайта на эти зоны происходит установкой разделителя #Work area#, как при создании тестового шаблона. Установив его в выбранное место, мы задали для сайта третий вариант размещения частей.
Чтобы задать иную структуру, нужно разместить тег в другом месте. Например, чтобы задать первый вариант, разделитель #Work area# надо разместить сразу за закрывающим тегом таблицы с картинкой пруда.
Work Area рабочая область
Поясним суть рабочей области Work Area. При создании шаблона мы загружали готовую нарезку дизайна, в центральной части которой предусмотрен текст, в правой части колонка фотогалереи, а в левой колонка с анонсами блогов. На данный момент все они текст, левая и правая колонки входят либо в Header, либо в Footer.
Если при формировании шаблона левая и правая колонки могут то включаться в Footer или Header, то исключаться из него, то текст всегда будет в Work Area.
Чтобы лучше прочувствовать то, о чем сейчас идет речь, скопируем текст, вставим его в рабочую область и посмотрим, что получится.
¦ Перейдите в раздел Редактирование.
¦ Добавьте в буфер обмена текст статьи, которая сейчас видна на шаблоне. Только текст, без картинки!
¦ Выполните команду Изменить страницу в редакторе (рис. 4.10).
Откроется визуальный редактор.


Рис. 4.10. Вызываем редактор
¦ Удалите из редактора все тексты и ярлыки компонентов.
Кстати, этим действием вы удалите весь тот непрошеный текст, который появился на сайте после вставки дизайна в шаблон.
¦ В самом начале страницы введите текст: Тестовый проект. Главная страница.
Такие заметки мы рекомендуем делать при создании каждой страницы, создаваемой в ходе построения сайта, чтобы можно было ориентироваться по сайту, пока не добавлен контент страниц или не установлена цепочка навигации.
¦ В поле редактора вставьте текст из буфера обмена.
¦ Сохраните внесенные изменения.
Вы увидите, что статья теперь отражена дважды: один раз как часть Work Area (то, что мы только что добавили), второй как часть Footer (текст, который стоял раньше, рис. 4.11).
Вот из Footer текст надо убрать.
¦ Удалите текст из кода шаблона сайта вместе со строкой и ячейкой. Метки:
!-- #Begin_Article --
!-- #End_Article --

ЗАМЕЧАНИЕ

Найти тот или иной участок кода бывает достаточно сложно, но в исходном коде страницы тестового шаблона есть специальные метки. Их общий вид:
!-- #Begin******** --
!-- #End******** --, где под звездочками стоит название функции, которую имитирует данный код. В нашем случае это название _Article. То есть метки в данном случае будут иметь вид:
!-- #Begin_ Article --
!-- #End_ Article --.
Весь код, который расположен между ними, необходимо удалить. В дальнейшем, когда нам нужно будет удалить часть кода, мы не будем приводить его весь, а просто скажем: Удалите код между метками....
Сами метки лучше оставить, они абсолютно не влияют на отображение дизайна, зато помогают ориентироваться в HTML-коде.


Рис. 4.11. Статья отображена дважды
Остаться должен только текст, загруженный в Work Area.
¦ Сохраните внесенные изменения.
Думается, что теперь вы поняли: все тексты, картинки и текущая информация должны размещаться в рабочей области. И поняли, как этого добиться.
Композиция структуры
Выбор того или иного варианта композиции сайта дело опыта и вкуса. Каждый из них имеет свои плюсы и минусы. Предложенные схемы неполный перечень возможной структуры.
Чтобы выбрать правильный вариант композиции для своего сайта, надо понимать принципы работы со статической информацией, компонентами, динамически выводящими информацию, и то, как они взаимодействуют между собой. Кроме того, необходимо ясно представлять квалификацию тех, кто будет заниматься поддержкой сайта, а также сам тип выводимой информации.
Статическая информация, которая не нуждается (либо редко нуждается) в замене, как правило, размещается в статических зонах Footer и Header. Заменить ее можно в кодах самих файлов, но делать это придется квалифицированному разработчику.
Либо разработчик должен организовать эту замену с помощью компонентов системы силами редакторов сайта.

ЗАМЕЧАНИЕ

Хорошим тоном в последнее время считается размещение всей информации с помощью тех или иных компонентов и оставление на долю шаблона только графического отображения сайта.
Динамические компоненты существенно облегчают работу по поддержке сайта. Однако работа по их внедрению в шаблон требует квалификации.
Чем шире применяются компоненты, тем более трудоемка и сложна работа по созданию сайта, но проще его поддержка.
Простой пример. При использовании второго варианта структуры сайта может возникнуть проблема с размещением динамических компонентов в Work Area, которая получается зажатой между Footer и Header. При размещении блогов в такой ограниченной по размерам рабочей области может получиться неприятное разъезжание дизайна (рис.
4.12).
Выход из этой ситуации, конечно, есть: отредактировать шаблон блога, подогнав его под текущий дизайн. Но это опять дополнительная работа для разработчика.
Использование первого варианта структуры в плане первоначальной настройки менее трудозатратно, но более трудоемко в плане ежедневной поддержки. На каждую страницу придется добавлять компоненты меню, цепочки навигации и другие компоненты.


Рис. 4.12. Шаблон блогов раздвинул Footer и Header
Использование третьего варианта некий компромисс. Он наиболее распространен и привычен.
Мы им тоже воспользуемся.
Внедрение компонентов в дизайн можно, в принципе, производить в любом порядке. Мы начнем с компонента авторизации.

Авторизация

Переход на страницу авторизации в 1С-Битрикс: Управление сайтом можно реализовать как с помощью HTML, так и с помощью компонента авторизации. Мы опишем оба способа.
За авторизацию в HTML-коде тестового дизайна отвечает код:
img width=4 height=4 src=/bitrix/templates/test/ images/punkt_top.gif /
ba class=text href=#font size=1 color=#6e6e6eРегистрация/font/a/b
img width=4 height=4 src=/bitrix/templates/test/ images/punkt_top.gif /
ba class=text href=#font size=1 color=#6e6e6eВход/font/a/b.
Найти этот код довольно просто по меткам:
! #Begin_Auth --
!-- #End_Auth --.
HTML-авторизация
Для реализации авторизации в HTML:
¦ Замените знак # во втором теге a class=text href=# ссылкой на папку /auth.
¦ Замените знак # в первой ссылке выражением /auth.php? register=yes.
¦ Сохраните внесенные изменения.
Авторизация встроена. Можете перейти в раздел Просмотр, закончить сессию и вновь авторизоваться для проверки работы.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 3. Компонент авторизации
Интеграция компонента авторизации несложна, но требует внимания.
¦ Перейдите на панель управления.
¦ Откройте раздел Контент ^ Структура сайта ^ Файлы и папки ^ bitrix/templates/test. Откроется папка тестового шаблона.
¦ Создайте в ней папку components.
¦ Перейдите в созданную папку и создайте папку bitrix.

ЗАМЕЧАНИЕ

Компоненты в CMS 1С-Битрикс: Управление сайтом должны храниться только в определенных местах. Таких мест три, но оптимальным будет размещение компонентов либо в самой папке шаблона сайта (как у нас), либо в папке компонентов по умолчанию (/bitrix/ components/bitrix).
Модуль авторизации, который мы хотим применить, относится к системному шаблону Web 2.0, поэтому и искать его надо в папке компонентов шаблона Web 2.0.
¦ Выполните команду Контент ^ Структура сайта ^ Файлы и папки ^ bitrix/templates/web20/components/bitrix.
¦ Скопируйте из нее папку system.auth.form в bitrix/templates/test/ components/bitrix.
Теперь можно переходить к добавлению компонента в шаблон.
¦ Откройте шаблон сайта для редактирования.
¦ Удалите описанный выше HTML-код из общего кода шаблона. Метки:
!-- #Begin_Auth --

Как организовать подписку

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

Рис. 9.2. Создаем новую рассылку
Есть и другая возможность скрытой рассылки. При размещении визуальных компонентов Форма подписки и Страница рассылок на странице какого-либо закрытого раздела сайта вы сможете установить значение свойства этих компонентов Показывать скрытые рубрики подписки равным Да.
В этом случае все, кто попадает в эти разделы, видят скрытую рассылку и могут на нее подписаться.
¦ В поле Показывать рассылку на сайте выберите наш сайт Matchfishing.
¦ В поле Название введите название рассылки в том виде, в котором его должны будут видеть посетители сайта.
¦ В поле Сортировка задайте относительный вес рассылки, определяющий ее положение в списке рассылок.
¦ В поле Описание для подписчиков можно задать текстовое пояснение для описания рассылки в публичном разделе сайта на странице рассылок.
Поле Автоматическая позволяет выбрать способ рассылки. Для начала мы рассмотрим ручной способ, поэтому флажок в это поле не ставьте.
¦ Сохраните рассылку. Форма закроется, откроется список рассылок, в котором появится только что созданная рассылка.

Как организовать подписку

Чтобы пользователи могли подписываться на рассылку, ее нужно вывести на всеобщее обозрение. Для этого используются визуальные компоненты модуля Рассылки: Форма подписки и Страница рассылок.
Создадим страницу рассылок.
¦ Перейдите в раздел сайта Общение.
¦ Создайте новый подраздел в разделе Общение. Назовите его Подписка.
Пройдите весь путь Мастера создания страницы до визуального редактора.
¦ Вызовите панель Компоненты 2.0.
¦ Из группы компонентов Сервисы ^ Рассылки перенесите на панель компонент Страница рассылок.
¦ Сохраните внесенные изменения. Страница создастся. На ней отобразится Страница рассылок (рис.
9.3).


Рис. 9.3. Страница рассылок и открытое меню компонента
Можно создать страницу с формой подписки. Разница между этими двумя компонентами в том, что страница рассылок предоставляет больше сервиса. В частности, она позволяет:
- изменить параметры подписки;
- восстановить пароль;
- отписаться от рассылки.
Чтобы осуществить все эти действия по управлению подпиской, надо создать страницу редактирования подписки.

Страница редактирования подписки

Независимо от того, была ли подписка оформлена через форму подписки или страницу рассылок, страница для редактирования подписки создается с помощью визуального компонента Редактирование подписки.
¦ Создайте новую страницу в разделе Подписка. Пройдите весь путь создания до визуального редактора.
Страница должна называться либо subscr_edit.php (тогда вам ничего не надо менять в настройках других страниц), либо по-другому, но в этом случае необходимо поменять путь до страницы редактирования параметров подписки в поле Страница редактирования подписки страницы рассылок. Этот путь в указанном поле имеет вид: #SITE_ DIR#personal/subscribe/subscr_edit.php.
Если вы назвали страницу по-другому, измените subscr_edit.php на ваше_имя.php.

ЗАМЕЧАНИЕ

Указанный адрес: #SITE_DIR#personal/subscribe/subscr_edit.php позволяет создать страницу редактирования подписки в любом разделе сайта. Если страница редактирования создана в том же разделе, что и страница рассылок, путь нужно указывать проще, в виде простого названия страницы.
То есть можно указать не #SITE_DIR#personal/ subscribe/subscr_edit.php, а просто /subscr_edit.php.
Если вы на своем сайте одновременно разместите и форму подписки, и страницу рассылок, то для них может использоваться одна и та же страница редактирования подписки.
¦ В визуальном редакторе добавьте в тело страницы компонент Страница редактирования подписки.
¦ Вызовите панель Свойства. В этой панели много параметров, нас интересуют пока некоторые из них группа параметров Дополнительно:
- Поле Разрешить анонимную подписку позволяет анонимным пользователям осуществлять подписку на рассылки сообщений и редактировать оформленные ими подписки. Если вы хотите это разрешить, поставьте флажок в данном поле.
- Поле Показывать ссылки на авторизацию при анонимной подписке разрешает показ формы авторизации при переходе на данную страницу анонимных подписчиков. Если вы хотите это разрешить, поставьте флажок в данном поле.
- Поле Показать скрытые рубрики подписки дает возможность разрешить показ скрытых рассылок в списке рассылок.
¦ Сохраните внесенные изменения. Редактор закроется, страница создастся и отобразится в браузере.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

Организация подписки для автоматической рассылки ничем не отличается от организации подписки для ручной рассылки.
Переходим к самим подписчикам.

Управление подписчиками

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

Автоматическое добавление подписчиков

Автоматический способ самый удобный и простой, администратору ничего делать не надо. При оформлении посетителем сайта подписки на какую-либо рассылку сведения о нем автоматически добавляются в список подписчиков.

Добавление подписчиков вручную

Для добавления подписчика вручную:
¦ Перейдите в раздел Сервисы ^ Рассылки ^ Подписчики. Откроется форма Список подписчиков.
¦ Выполните команду Добавить на Контекстной панели. Откроется
форма добавления новых подписчиков (рис. 9.4).


Рис. 9.4. Форма создания нового подписчика
¦ Заполните поля:
- Подписка подтверждена. При автоматической подписке флажок в этом поле появляется только после подтверждения подписчиком своего желания получать сообщения выбранных им рассылок.
Так как мы создаем рассылку вручную, то подтверждение можно выставить сразу.

ЗАМЕЧАНИЕ

При автоматической подписке она может и не подтвердиться: например, пропало письмо на просторах Интернета. После обращения пользователя можно подтвердить его подписку, поставив флажок в данном поле.
- Анонимный подписчик добавляемый подписчик не является зарегистрированным пользователем сайта. Если новый подписчик именно такой, установите флажок в данном поле.
- Пользователь (ID) при создании подписки неактивно, используется при редактировании уже добавленного пользователя. Кнопка ш позволяет выбрать ID подписчика из списка.
- Подписка активна сообщения выбранных рассылок будут отправляться подписчику.
- Выслать подписчику код подтверждения при изменении (добавлении) адреса. Даже при добавлении подписчика вручную может возникнуть потребность в получении подтверждения о получении подписки. Чтобы подписчик мог получать подтверждения об изменении или добавлении адреса для получения сообщений рассылок, нужно установить флажок в данном поле.
Подтверждения будут отправляться на новый электронный адрес.
- Отправить письмо на основе шаблона сайта позволяет выбрать шаблон для рассылки. Если у вас несколько сайтов и в каждом свой шаблон рассылки, в этом поле нужно указать шаблон сайта, на основе которого пользователю будут отправляться сообщения.
¦ Перейдите на закладку Подписки.
¦ В поле Формат выберите желаемый формат сообщений.
Рубрики подписки это список всех (в том числе и скрытых) имеющихся на сайте рассылок. Отметив флажками рассылки, вы определите сообщения, которые будут отправляться данному пользователю.
¦ Отметьте нужные рассылки для создаваемого подписчика.
¦ Сохраните внесенные изменения. Форма закроется, а новый адрес будет добавлен в список подписчиков.

Импорт адресов подписчиков

Если у вас уже имеется список адресов, то функция Импорт подписчиков поможет загрузить его в список подписчиков. Адреса можно импортировать из любого текстового файла.
Но адреса подписчиков в файле должны быть разделены запятой или начинаться с новой строки.
¦ Перейдите в раздел Сервисы ^ Рассылки ^ Импорт адресов. Откроется одноименная форма (рис.
9.5).


Рис. 9.5. Форма импорта адресов
¦ Заполните поля:
- Импортировать из файла позволяет с помощью кнопки I Обзор... I выбрать файл со списком адресов подписчиков.
- Если адреса сохранены в документе иного формата, чем TXT, можно воспользоваться полем Импортировать из списка. Адреса для импорта в нем могут быть указаны в виде списка.
- Выслать код подтверждения подписки позволяет разослать код для подтверждения подписки по всем импортированным адресам.
Если список подписчиков надежен, то есть не нужно подтверждение подписки, установите флажок Установить флаг подтверждения подписки.
Можно добавить как анонимных подписчиков, так и пользователей, то есть с созданием бюджета для них.
¦ Выберите способ добавления пользователей: поставьте флажок либо
Как анонимных посетителей, либо Как пользователей (с созданием бюджета).
Если выбрано поле Как пользователей (с созданием бюджета),
активируются еще два поля.
¦ Рекомендуется поставить флажок Выслать регистрационную информацию пользователям, чтобы они были в курсе добавления.
Кроме простого уведомления, подписчики получат данные, с помощью которых смогут не только редактировать подписку на рассылки, но и осуществлять доступ к ресурсам сайта на основе прав группы пользователей, к которой они были приписаны.
¦ В поле Добавить пользователей в группы нужно выбрать группу, в которую будут добавлены импортированные пользователи. Пользователи могут быть добавлены сразу в несколько групп. Для выбора нескольких групп пользователей используйте клавишу Ctrl.
В поле Подписать на рассылки будет отображен список всех доступных (в том числе и скрытых) рассылок.
¦ Отметьте флажками необходимые рассылки для подписки импортируемого списка.
¦ В поле Формат укажите, в каком формате будут отправляться сообщения импортируемым подписчикам.
¦ В поле Отправить письма на основе шаблонов сайта выберите нужный сайт.
¦ Щелкните по кнопке Импортировать адреса. Система произведет импорт данных.
Во время выполнения операции импорта система проверит уникальность введенных адресов. Если адрес уже имеется в базе, он добавлен не будет.
По завершении импорта вверху экрана будет выведено сообщение с данными о результатах выполненной операции (рис. 9.6):
- всего уникальных адресов для загрузки: количество выбранных для загрузки адресов;
- добавлено адресов: количество добавленных в систему адресов;
- ошибочных адресов: количество адресов, добавление которых прошло с ошибками (например, синтаксис адресов не соответствует стандарту).
Теперь у нас есть сама рассылка и список ее получателей. Осталось только создать сообщения рассылки.

Управление сообщениями рассылок.Создание сообщения

Выпуск рассылки это сообщение (письмо), которое будет отправлено подписчику той или иной рассылки.
Для создания выпуска рассылки:
¦ Перейдите в раздел Сервисы ^ Рассылки ^ Выпуски. Откроется список созданных сообщений.
¦ Щелкните по кнопке Добавить в Контекстной панели. Откроется форма создания нового сообщения (рис.
9.7) в закладке Выпуск.
Будет выведен изначальный статус сообщения Черновик.
¦ В поле От кого необходимо ввести адрес отправителя. По умолчанию подставляется адрес, заданный в настройках модуля Рас сылки.
¦ Поле Кому предназначено для задания адреса получателя сообщения. По умолчанию подставляется адрес, заданный в настройках модуля Рассылки.


Рис. 9.7. Форма создания нового сообщения
¦ Заполните поле Тема.
¦ В визуальном редакторе создайте само сообщение.
¦ Перейдите к закладке Получатели.
Здесь формируется список подписчиков, пользователей сайта и сторонних адресов, которым будет отправлено создаваемое сообщение. Заметьте: пользователей сайта и сторонних адресов.
То есть рассылку можно разослать не только по спискам подписки, но и по спискам, сформированным по определенным критериям.
¦ Поставьте флажки у групп подписчиков или зарегистрированных пользователей, для которых предназначается создаваемая рассылка.
¦ Выберите формат рассылки.
В модуле рассылки 1С-Битрикс: Управление сайтом предусмотрена еще одна возможность фильтрации получателей рассылки по электронному адресу почты.
Поле Фильтр по e-mail позволяет задать условие, накладываемое на адреса получателей сообщения. Для установки фильтра можно использовать специальные логические выражения.
В отношении специальных логических выражений лучше обратиться к документации по продукту там все подробно расписано. Мы просто приведем один пример: чтобы сообщение было отправлено по адресам, зарегистрированным только на почтовом сервере bitrix.ru, нужно задать следующие условия фильтра: %@bitrix.ru.
¦ При необходимости использовать Фильтр по e-mail введите в это поле условие отбора электронных адресов.
Отфильтрованные адреса можно посмотреть в отдельном окне по ссылке Просмотреть выбранные адреса получателей.
В поле Дополнительные адреса получателей можно задать список дополнительных адресов, по которым будет произведена отправка сообщения.
¦ Перейдите на закладку Вложения.
¦ Если к сообщению должен быть приложен файл, то с помощью кнопки [ Обзор... I укажите путь к необходимому файлу.
¦ Перейдите к закладке Параметры.
¦ В поле Кодировка письма выберите нужную кодировку. Для рассылки по русскоязычным пользователям оставьте в поле win-1251.
В группе Параметры отправки:
¦ Рекомендуем не снимать флажок с поля Отправлять письмо персонально каждому получателю. Эта функция позволяет отправлять сообщение персонально каждому подписчику (то есть в поле Кому будет указан адрес одного конкретного получателя).
Эта кажущаяся мелочь только подчеркнет уважение к подписчикам.
¦ Поле Отправлять автоматически в указанное время позволяет приурочить рассылку к определенной дате или времени. Если вы хотите, чтобы созданный вами выпуск был отправлен автоматически в определенный день и время, установите флажок в данном поле.
¦ Поле Дата и время отправки. Если вы выбрали опцию Отправить автоматически в указанное время, в этом поле нужно указать дату и время для отправки выпуска.
По умолчанию в поле указывается текущая дата и время создания выпуска.
Завершение работы данной формы имеет свою особенность. Чтобы сообщение, для которого выбрана опция Отправлять автоматически в указанное время, было отправлено в указанный день и время, его нужно сохранять с помощью кнопки Отправить.
При этом статус сообщения будет изменен на статус В процессе.
Если сохранить данное сообщение с помощью кнопки Добавить или Применить, оно будет помещено в список сообщений сайта в статусе Черновик и, следовательно, не будет отправлено автоматически в указанный день и время.

Отправка выпусков рассылки

Про автоматическую рассылку мы уже упомянули. Если же вы хотите отправить сообщение вручную, это можно сделать следующим образом:
- Отправить сообщение непосредственно со страницы создания/ редактирования сообщения. Для этого, создав текст сообщения и заполнив все необходимые поля формы, щелкните по кнопке Отправить внизу страницы. После этого вы перейдете на страницу со списком всех рассылок сайта.
Статус созданного вами выпуска изменится на статус В процессе, который означает, что в данный момент осуществляется отправка выпуска. Чтобы прервать отправку данного сообщения, нужно активировать ссылку Остановить в столбце Действия напротив названия отправляемого сообщения (на странице со списком выпусков).
- Сохранив созданный выпуск в статусе Черновик, можно отправить его позже.
Чтобы отправить отложенное в статусе Черновик сообщение:
¦ Перейдите в раздел Сервисы ^ Рассылки ^ Выпуски.
¦ В колонке действий нужного выпуска выберите Отправить. Система
запросит подтверждение отправки.
После подтверждения начнется отправка рассылки. По завершении процесса выведется сообщение с уведомлением о завершении и количеством ошибок, если они есть (рис.
9.8).
После отправки изменится статус выпуска:
- Отправлено, если отправка прошла успешно;
- Отправлено с ошибками, если были какие-либо ошибки (например, если сообщение не было доставлено по некоторым адресам).
Чтобы повторить отправку по ошибочным адресам:
¦ Откройте форму редактирования рассылки.


Рис. 9.8. Уведомление о завершении рассылки
Рядом с кнопками сохранения вместо обычной кнопки Отправить будет доступна кнопка Повторить для ошибочных.
¦ Щелкните по кнопке для повторной отправки сообщения по ошибочным адресам.

Создание автоматической рассылки

Автоматическая рассылка почтовых сообщений производит отправку сообщений в указанное администратором время. Она создается точно так же, как и ручная рассылка.
Только надо разрешить автоматическую рассылку и настроить ее.
Создайте рассылку, как делали это выше. Дойдите до последнего поля выбора автоматической рассылки.
Поставьте флажок в поле Автоматическая (выпуски формируются по расписанию и на основании шаблонов). Активируется закладка Автоматическая генерация.
¦ Поле Время последней генерации выпуска указывает на время, в которое рассылка осуществлялась в последний раз. Для системы это означает точку начала отсчета автоматической рассылки.
Если вы переводите рассылку из ручного режима в автоматический, введите в данном поле дату и время последней генерации ручной отправки (или текущую дату, в зависимости от целей). При создании новой автоматической рассылки в поле будут подставлены дата и время создания рассылки.
Время отправки можно задать двумя способами: по дате месяца или по дням недели.
¦ Поле Дни месяца позволяет задать отправку сообщений рассылки по определенным числам месяца. Если вам нужна такая рассылка, укажите числа в данном поле. Возможно несколько вариантов задания дат проведения рассылки:
- одиночная дата чтобы рассылка сообщений осуществлялась, например, 10 числа каждого месяца, в данном поле нужно указать 10.
- список дат рассылка сообщений будет осуществляться несколько раз в месяц по указанным датам, разделенным запятыми. Например, чтобы рассылка сообщений осуществлялась 1, 10, 17 и 23 числа каждого месяца, в данном поле нужно указать 1, 10, 17, 23.
- период рассылка сообщений будет осуществляться каждый день в течение указанного периода. Например, чтобы рассылка сообщений осуществлялась с 10 по 19-е число каждого месяца, в данном поле нужно указать 10-19.
Допустимо одновременное использование нескольких вариантов зада ния дат.
¦ Поле Дни недели позволяет выбрать дни недели, по которым должна осуществляться отправка сообщений. Например, чтобы организовать еженедельную рассылку, сообщения которой будут отправляться по субботам, отметьте флажком поле сб.

ЗАМЕЧАНИЕ

Для автоматической рассылки необходимо указать значение хотя бы одного из параметров: чисел месяца или дней недели.
Возможно одновременное задание нескольких видов сроков отправки. В этом случае генерация и рассылка сообщений будет осуществляться при совпадении указанных дат и дней недели.
Допустим, задана автоматическая рассылка по 10-17-м числам месяца, а значение по дням недели суббота. В этом случае генерация и рассылка сообщений произойдет в субботу, пришедшуюся на период между 10 и 17-м числом.
¦ Поле Время определяет время отправки сообщений рассылки. Рассылка сообщений может проводиться несколько раз в сутки, для этого нужно указать список часов.
Например, 10:00, 17:00, 22:00.
¦ В группе Доступные шаблоны выберите шаблон, на основании которого будет осуществляться автоматическая рассылка. В дистрибутив загружается только один шаблон.
Но вы можете создать их самостоятельно (об этом см. ниже).
¦ В поле От кого введите адрес отправителя.
¦ Сохраните внесенные изменения.
Рассылка создана и будет выполняться автоматически. Однако ее желательно проверить.

Проверка шаблона автоматической рассылки

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


Рис. 9.9. Проверка шаблона

ЗАМЕЧАНИЕ

Проверить шаблон можно, не выходя в список рассылок. На контекстной панели есть кнопка Проверить, открывающая эту же форму.
¦ В поля Интервал времени введите начало и конец периода, за который необходимо проверить вид сообщения.
Например, сообщения вашей рассылки будут выходить 1-го числа каждого месяца. Значит, дата проверки, установленная в полях C и По, должна обязательно включать 1-е число какого-нибудь месяца.
¦ Щелкните по кнопке Проверить. В результате проверки будут выведены следующие сведения:
- входные параметры проверяемого шаблона;
- параметры выпуска (сообщения);
- тело письма (сообщения) в том виде, в котором оно будет отправлено подписчикам.
Если с шаблоном все в порядке, то с помощью кнопки Добавить выпуск сформированное сообщение может быть добавлено в список выпусков сайта. При этом информация, содержащаяся в теле письма, будет представлена в виде статического текста.
Вы можете создавать единовременные выпуски сообщений, содержащих, например, выборку определенной информации: новостей сайта, организации. Общий порядок действий:
- создать шаблон, с помощью которого будет осуществляться выборка необходимых данных;
- создать автоматическую рассылку, в которой будет использоваться данный шаблон;
- перейти на страницу проверки шаблона;
- проверить шаблон и добавить сформированное сообщение в список выпусков сайта;
- отправить созданный выпуск одному адресату или группе подписчиков (в ручном или автоматическом режиме).
Если шаблон вас не устраивает, перейдите к редактированию параметров рассылки с помощью кнопки Редактировать на контекстной панели.

Редактирование шаблона рассылки

Шаблоны для автоматической генерации выпусков представляют собой PHP-код. С помощью визуального редактора можно создать и отредактировать любой шаблон для генерации автоматической рассылки.
¦ Для создания нового шаблона перейдите в раздел Контент ^ Структура сайта ^ Файлы и папки ^ bitrix/php_interface/subscribe/ templates/.
В этой папке вы увидите папку news шаблон для рассылки новостей. На его базе мы создадим новый шаблон.

Компонент Новые сообщения блога

¦ Выделите в текстовом файле теги строк таблицы:
tr
td width=25 height=25 background=/ bitrix/templates/test/images/fot_tabl_centr.jpg td width=1 valign=top height=25 background=/bitrix/templates/test/images/fot_tabl_c. gifimg width=2 height=2 src=/bitrix/templates/test/ images/fot_tabl_w.gif //td
td height=25 background=/bitrix/templates/ test/images/fot_tabl_centr.jpg td width=1 valign=top height=25 background=/bitrix/templates/test/images/fot_tabl_c. gifimg width=2 height=2 src=/bitrix/templates/test/ images/fot_tabl_w.gif //td
/tr
tr
td height=1 background=/bitrix/templates/ test/images/fot_tabl_c.gifimg width=2 height=2 src=/bitrix/templates/test/images/fot_tabl_w.gif //td
td width=1 height=1img width=2 height=2 src=/bitrix/templates/test/images/fot_tabl_w.gif //td
td height=1 background=/bitrix/templates/ test/images/fot_tabl_c.gifimg width=2 height=2 src=/bitrix/templates/test/images/fot_tabl_w.gif //td
td width=1 height=1img width=2 height=2 src=/bitrix/templates/test/images/fot_tabl_c.gif //td /tr
¦ Вставьте этот код между ?foreach ($arResult as $arItem):? и ?endforeach?, удалив все, что размещено между ними.
¦ Сохраните внесенные изменения.
¦ Перейдите в режим Просмотр.
Вы увидите, что меню изменило свой вид и стало полностью соответствовать дизайну. Ну вот мы и настроили левое меню.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 3.
Нижнее горизонтальное меню
Левое вертикальное меню у нас будет меняться в зависимости от открытого раздела. Но для упрощения перемещения между разделами полезно сохранить возможность доступа к любому разделу с любой страницы сайта. С этой целью нужно иметь одно меню в не очень мешающемся месте, куда будут выводиться ссылки на все основные разделы сайта.
Таким будет нижнее горизонтальное меню. В описании интеграции модуля меню мы будем опускать подробную расшифровку некоторых операций, выполнявшихся ранее, однако на моментах, которые нуждаются в подробном описании, мы остановимся подробно.
Сначала определим, какая таблица отвечает за вывод нижнего меню.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Удалите код таблицы, расположенный между метками:
!-- #Begin_down_Menu --
!-- #End_down_Menu --
¦ Перейдите в режим визуального редактирования.
¦ Добавьте на место таблицы компонент Меню, как уже делали с левым меню.
¦ Щелчком по иконке компонента активируйте его.
¦ Вызовите закладку Свойства (рис. 4.21).
В отличие от левого меню здесь нужно настраивать свойства.


Рис. 4.21. Панель Свойства для компонента Меню
¦ В поле Тип меню для первого уровня выберите Основное.
Основное меню это тип, который у нас еще не применялся. Для верхнего меню используется меню раздела.
Это значит, что в каждом разделе его придется создавать заново. Основное меню будет транслироваться на все страницы сайта.
¦ Остальные поля оставьте без изменений.
Не используемые нами параметры работают при выборе опции Уровень вложенности меню больше 1 в шаблонах меню с раскрывающимися списками. Мы такие меню не используем, но об их наличии надо знать.
Поле Тип меню для остальных уровней определяет тип меню вложенных уровней, который будет использоваться. Поле Подключать файлы с именами вида .тип_меню.menu_ext.php это очень интересная функция. Она позволяет динамически формировать меню. Однако подключение этой возможности требует создания PHP-файлов с вводом кода.
Так как пока освоение языка PHP не входит в наши цели, об этой функции мы только упомянем.
Обратим еще ваше внимание на кнопки со знаком вопроса. При наведении на них указателя мыши появляется всплывающая подсказка с описанием параметра (как на иллюстрации). Это так называемые тул-типс советы местного значения.
Не пренебрегайте ими, они бывают очень полезны.
¦ Сохраните внесенные изменения.
¦ Перейдите в режим Разработка.
Вы увидите, что установленный компонент Меню по умолчанию подхватил использовавшийся уже шаблон меню Fishl, который мы сделали для левого меню. Нам это не нужно.
¦ Вызовите функцию Редактировать параметры компонента из меню компонента Меню (рис. 4.22).


Рис. 4.22. Редактируем параметры компонента
¦ В поле Шаблон компонента выберите Системный: .default.
¦ Сохраните внесенные изменения.
После этого вы увидите на месте нижнего горизонтального меню то же самое системное меню по умолчанию. Нам надо его модифицировать.
Но системный шаблон лучше не трогать.
¦ Скопируйте шаблон компонента по умолчанию в текущий шаблон сайта, как делали с левым меню, только назовите его по-другому, скажем, fish2.
¦ Вызовите функцию Редактировать шаблон компонента из меню компонента Меню. Откроется диалог Редактирование файла template.php.
В верхнем меню нам не нужно было переориентировать меню с вертикального на горизонтальное. Теперь придется.
¦ Из текстового файла с вырезанной таблицей вместо кода ul class=left-menu скопируйте и вставьте в шаблон открывающий код таблицы:
table width=1024 height=10 cellspacing=0 cellpadding=0 border=0 class=text
¦ Установите закрывающий тег таблицы вместо кода /ul.
Итак, мы задали размер таблицы на ширину дизайна.
¦ Измените class=text на class=bottom-menu (пусть такое имя будет у стилей для нижнего меню).
¦ Перенесите параметр class=bottom-menu в строку
a href=?=$arItem[LINK]??=$arItem[TEXT]?/a после открывающего тега a.
¦ Повторите последние действия для строки
a href=?=$arItem[LINK]? class=selected?=$a rItem[TEXT]?/a
¦ В параметре class=bottom-menu этой строки добавьте букву а.

ЗАМЕЧАНИЕ

Буква а в параметре class обозначает активную ссылку. То есть, задав специальный стиль с буквой а, можно менять внешний вид активной ссылки.
Что мы и сделаем в нижнем меню.
¦ Задайте тег tr начала строки таблицы сразу за открывающим тегом таблицы.
¦ Задайте закрывающий тег строки перед закрывающим тегом таблицы.
¦ Задайте открывающий тег ячейки td align=center на месте открывающего тега li отдельного элемента списка (для справки: в шаблоне есть два тега отдельных элементов списка для активной и для обычных ссылок).
¦ Задайте закрывающий тег ячейки на месте закрывающего тега отдельного элемента списка.
¦ Добавьте код картинки из текстового файла с вырезанной таблицей (img width=4 height=4 src=/bitrix/templates/ test/images/punkt_top.gif/) в код шаблона после тега td align=center.
¦ Сохраните внесенные изменения.
Теперь меню расположено по всей отведенной ширине, равномерно.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 2.
Теперь займемся стилями.
¦ Вызовите функцию Редактировать CSS-файл шаблона из меню компонента Меню.
Детально описывать процесс редактирования файла CSS мы не будем, базовых познаний в области HTML для этого достаточно. Единственное замечание: не забудьте создать стиль с параметром a.
¦ Отредактируйте шаблон компонента так, чтобы вид текста соответствовал утвержденному дизайну. Сделать это можно по подобию левого меню.
Одно замечание: в утвержденном дизайне шрифт в нижнем меню по размеру меньше, чем в левом.

ЗАМЕЧАНИЕ

Если бы размеры шрифтов не различались, можно было бы добавить стили не в CSS-файлы меню, а в CSS-файл шаблона сайта. Тогда достаточно было бы использовать единый файл стилей вместо нескольких стилей в разных файлах.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 2.
Верхнее частичное меню
В нашем тестовом проекте присутствует верхнее горизонтальное меню, в котором только три ссылки. Это частичное меню задумано как способ быстрого доступа к внутренним разделам и страницам, не отображаемым в левом и нижнем меню. Такой способ удобен, когда новостей у вас настолько много, что анонс статьи довольно быстро уходит с индексной страницы.
Скажем, появилась статья, которая может представлять интерес для многих читателей в течение длительного времени. Выносить ее в отдельный раздел нет смысла, но привлечь к ней внимание стоит.
Вы можете сделать ссылку на эту статью из верхнего частичного меню и держать ее на индексной странице столько, сколько сочтете нужным.
Механизм интеграции этого меню абсолютно идентичен механизму интеграции, описанному выше, за исключением одного момента. Чтобы на сайте отображались разные по своему составу меню, мы должны были использовать разные типы меню. Для левого мы использовали тип Левое меню, для нижнего Верхнее меню. Этим мы исчерпали все типы меню, имеющиеся в дистрибутиве по умолчанию.
Напомним, что типы меню выбираются в поле Тип меню для первого уровня в группе Основные параметры диалога Параметры компонента (рис. 4.23).


Рис. 4.23. Выбор типа меню
Чтобы иметь возможность задать для верхнего частичного меню отличный от других состав меню, нужно создать новый тип меню.
¦ Перейдите на панель управления.
¦ Выполните команду Настройки ^ Настройки продукта ^ Настройки модулей ^ Управление структурой.
¦ В группе Настройки для сайтов (рис. 4.24) найдите Типы меню.
¦ В пустой строке в колонке Тип введите part.
¦ В этой же строке в колонке Название введите Частичное меню.
¦ Сохраните внесенные изменения.


Рис. 4.24. Создаем дополнительное меню
Теперь у нас есть новый тип меню. Создадим и настроим верхнее частичное меню.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Удалите код, имитирующий это меню, который находится между !-- #Begin_part_menu --
!-- #End_part_menu --
¦ Перейдите в режим визуального редактирования.
¦ Добавьте в место, где находился имитирующий код, компонент
Меню.
¦ Вызовите панель Свойства.
¦ В поле Тип меню для первого уровня выберите Частичное меню.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Разработка.
¦ Скопируйте шаблон компонента. Назовите его, скажем, fish3.
За основу возьмите шаблон fish2.
¦ Вызовите функцию Редактировать параметры компонента из меню компонента Меню.
¦ Задайте для меню шаблон fish3.
¦ Сохраните внесенные изменения.
Перейдя в режим Разработка, вы не увидите никаких изменений, только на пустом месте, где были надписи частичного меню, появится ярлык Меню компонента. Место это пустое, потому что мы не создали ни одного пункта меню.
Создавать меню сейчас мы не будем, так как, по нашему замыслу, частичное меню должно вести на отдельные разделы и статьи, которые мы еще не загрузили в проект. В следующей главе мы займемся наполнением сайта контентом, там и создадим верхнее частичное меню.

Цепочка навигации

Цепочка навигации позволяет пользователю ориентироваться на сайте. Она очень полезна при разветвленной структуре сайта.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Перейдите в режим текстового редактирования.
¦ Найдите и удалите код, имитирующий цепочку навигации на шаблоне сайта, расположенную между
!-- #Begin_nav --
!-- #End_nav --
¦ Перейдите в режим визуального редактирования.
¦ Откройте панель Компоненты 2.0.
¦ Выполните команду Служебные ^ Навигация.
¦ Добавьте компонент Навигационная цепочка прямо между метками навигации.
¦ Откройте панель Свойства.
На данном этапе в этой панели вас может заинтересовать одно поле, Номер пункта, начиная с которого будет построена навигационная цепочка. По умолчанию стоит 0. Это значит, что цепочка будет строиться от корня, с главной страницы. Такое положение не всегда удобно: когда пользователь на главной странице, все и так ясно, а место занимается, причем одним-единственным словом.
Как будете делать вы решайте сами. Мы установим показ навигационной цепочки по умолчанию, с 0.
Если бы на данный момент были созданы внутренние страницы сайта, например Общение ^ Блоги, то мы увидели бы появившуюся цепочку навигации (рис. 4.25).
В этом месте мы немного нарушим порядок действий и опишем настройку внешнего вида компонента, как будто у нас уже есть внутренние страницы. Вы можете вернуться к этой части настройки дизайна сайта потом, когда создадите разделы.


Рис. 4.25. Цепочка навигации
Итак, цепочка отображена, но ее вид не соответствует оформлению сайта. Повторим процесс подгонки. Правда, оговоримся сразу: активную ссылку красным (как в дизайне) можно сделать, только если в шаблоне написать условие PHP: если ссылка последняя, выделить цветом.
Мы этим заниматься не будем, так как книга рассчитана на тех, кто не знает PHP. Поэтому последняя ссылка останется серой.
¦ Перейдите в раздел Разработка.
¦ Скопируйте шаблон цепочки навигации. Вновь созданный шаблон назовите, скажем, fish_breadcrumb.
¦ Вызовите функцию Редактировать CSS-файл шаблона из меню компонента Цепочка навигации и отредактируйте стили так, чтобы они отображали Цепочку навигации, как на сайте.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 2.
Единственное, что вы не сможете сделать в этом файле, изменить разделитель в цепочке с на /. Это делается в шаблоне компонента.
¦ Вызовите функцию Редактировать шаблон компонента из меню компонента Цепочка навигации.
¦ Найдите в нем код gt; и замените его прямым слешем /.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 2.
Цепочка навигации интегрирована в дизайн и выглядит как положено.

Компонент Новые сообщения блога

Предполагается, что наш сайт предназначен для общения единомышленников. В качестве основой формы такого общения выбран блог сетевой журнал. К настройкам самих блогов мы еще вернемся.
А пока нужно внедрить в шаблон компонент Новые сообщения блога. С его помощью новые сообщения в блогах будут выводиться на всех страницах тестового шаблона.
Прежде всего, как обычно, определим HTML-код, имитирующий вывод новых сообщений.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Перейдите в режим текстового редактирования.
¦ Найдите и удалите код, имитирующий вывод новых сообщений блога, расположенный между
!-- #Begin_blog --
!-- #End_blog --
¦ Перейдите в режим визуального редактирования.
¦ Вызовите панель Компоненты 2.0.
¦ Откройте раздел Общение ^ Блоги.
¦ Перенесите компонент Новые сообщения на место, где был имитирующий код, между метками.
¦ Вызовите панель Свойства.
В исходном дизайне предусмотрен вывод только трех последних сообщений. Конечно, это не догма, но пока последуем за дизайнером.
Потом всегда можно переиграть эти настройки.
¦ В поле Количество результатов, выводимых на страницу поставьте значение 3.
Есть еще важный параметр, существенно влияющий на внешний вид проекта: Длина выводимого текста сообщения, но его значение вам надо будет подбирать экспериментально на реальном проекте. Пока это поле оставим без изменений.
¦ Сохраните внесенные изменения.
¦ Перейдите в режим Просмотр.
В режиме Просмотр вы не увидите никаких изменений, только текст, имитирующий блоги, пропадет. Дело в том, что блоги, поставляемые по умолчанию в дистрибутиве, привязаны к демо-сайту.
Нам надо перенастроить их на наш сайт.
¦ Перейдите на панель управления.
¦ Выполните команду Сервисы ^ Блоги ^ Группы блогов. Откроется форма Группы блогов.
На данный момент мы не можем сказать, к какой из представленных групп по умолчанию привязан блог администратора. Это можно узнать, но нам это не нужно.
Поэтому мы не будем ни создавать новые группы, ни переназначать на них блог администратора, а просто переопределим все существующие группы на наш сайт.

ЗАМЕЧАНИЕ

В главе 3 мы рассматривали в теории, как совершать групповые операции по редактированию. Теперь освоим это на практике.
¦ Поставьте флажок Для всех на панели действий. Флажки появятся у всех групп сразу.
¦ Щелкните по кнопке т на панели действий. Откроется та же форма, но с полями для редактирования.
¦ В колонке Сайт смените привязку к сайту с демо-сайта на сайт Matchfishing.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Просмотр.
Вы видите, что в колонке под названием Блоги появились анонсы самых последних по времени сообщений (рис. 4.26).
Но нам надо отредактировать параметры и настроить шаблон.
В предложенном варианте дизайна в качестве новых сообщений выводится только текст. Без авторства и даты, но с аватаром. Задумка красивая, но есть одно но. Идея с аватарами накладывает ограничения на их размер, что не совсем удобно.
Это, конечно, мелочи можно потерпеть мелкие аватары в самих блогах. Серьезнее другое: для реализации подобного варианта придется менять сам компонент.
Этого на нашем уровне подготовки мы делать не будем. Потому отойдем от дизайна и вместо аватара выведем имя автора со ссылкой на его профиль:
- удалим картинку;
- удалим дату;
- удалим ссылку на комментарии;
- переведем ссылку с картинки на имя пользователя.


Рис. 4.26. Так отображаются блоги на данный момент
Займемся этими изменениями.
¦ Перейдите в режим Разработка.
¦ Скопируйте шаблон компонента в текущий шаблон сайта. Назовите его, скажем, fish blog new mess.
¦ Вызовите функцию Редактировать шаблон компонента из меню компонента Новые сообщения.
¦ Найдите и удалите из шаблона код:
span class=blog-author
a href=?=$arPost[urlToAuthor]?
title=?=GetMessage(BLOG_BLOG_M_TITLE_BLOG)? class=blog-user-grey/anbsp;;
¦ Удалите закрывающий тег /span для удаляемого стиля. Этим вы удалите картинку.
¦ Из этого удаленного кода скопируйте в буфер PHP-вызов ссылки на профиль автора? = $arPost[urlToAuthor]?.
¦ В PHP-коде
a href=?=$arPost[urlToBlog]?
title=?=GetMessage(BLOG_BLOG_M_TITLE_BLOG)?
?=$arPost[AuthorName]?
замените вызов ссылки на блог вызовом ссылки на профиль автора.
Этими действиями в имени автора блога вы замените ссылку на блог ссылкой на профиль автора.
¦ Найдите и удалите из шаблона код:
?if(IntVal($arPost[NUM_COMMENTS]) 0):?
nbsp;nbsp;span class=blog-comment-num title=?=GetMessage(BLOG_BLOG_M_NUM_ COMMENTS)??=$arPost[NUM_COMMENTS]?/span
?endif;?
Так вы удалите картинку и ссылку на комментарии к блогу.
¦ Найдите и удалите из шаблона код:
span class=blog-clock title=?=GetMessage(BLOG_BLOG_M_ DATE)??=$arPost[DATE_PUBLISH_FORMATED]?
/span
?if(IntVal($arPost[VIEWS]) 0):?
nbsp;nbsp;span class=blog-eye title=?=GetMessage(BLOG_BLOG_M_VIEWS)??=$arPost[VI EWS]?/span
?endif;?
Тем самым вы удалите дату и время сообщения.
В исходном дизайне ссылка на само сообщение идет не из названия сообщения (как пока у нас), а с картинки.
¦ Скопируйте из удаленного HTML-кода код картинки:
img width=20 height=20 border=0 align=right src=/bitrix/templates/test/images/ukaz_inf.jpg ¦ Вставьте его перед закрывающим тегом /a в коде:
a href=?=$arPost[urlToPost]?
?
if(strlen($arPost[TITLE])0) echo $arPost[TITLE]; else
echo GetMessage(BLOG_MAIN_MES_NO_SUBJECT);
?/a
¦ Удалите из этого фрагмента PHP-код запроса имени сообщения:
?
if(strlen($arPost[TITLE])0) echo $arPost[TITLE]; else
echo GetMessage(BLOG_MAIN_MES_NO_SUBJECT);
?
Этим вы удалите название сообщения и перенесете ссылку с названия на картинку. Осталось последнее: перенести текст выше картинки-ссылки.
¦ Перенесите PHP-код вывода текста сообщения ?=$arPost[TEXT_ formated]? перед HTML-кодом ссылки на сообщение.
¦ Перед PHP-кодом вывода текста сообщения, который вы только что перенесли, поставьте двоеточие. В этом случае сообщение будет отображаться как прямая речь согласно нормам русского языка.
Теперь надо вычистить шаблон от оставшихся ненужных кодов, вставить HTML-коды, задающие прежнее оформление, и назначить новые стили, определяющие форматирование текста.
¦ Удалите из кода получившиеся лишними пары small/small, b/b и пару тегов br /,span class=blog-post-info /span.
Код span class=blog-post-date не удаляйте, мы потом просто его переименуем.
¦ Удалите из кода фрагмент, задающий проверку первого сообщения, и горизонтальную линию, разделяющую сообщения.
if($arPost[FIRST]!=Y)
{
?div class=blog-line/div?
}
¦ Удалите оба кода br clear=left /.
¦ Удалите код:
?
if(strlen($arPost[IMG]) 0) echo $arPost[IMG];
?
¦ Скопируйте из удаленного кода HTML-код таблицы table width=99% cellspacing=3 cellpadding=5 border=0 и вставьте его перед PHP-кодом начала цикла foreach.
¦ Закройте тег таблицы по завершении цикла (в самом конце кода).
¦ Параметр width=9 9% исправьте на 96% так внешний вид таблицы будет полностью соответствовать утвержденному дизайну.
¦ Скопируйте из удаленной таблицы и вставьте в шаблон компонента (после тега цикла foreach) теги строки и ячейки таблицы tr td bgcolor=#dedee2 bordercolor=#bfbfbf class=br.
¦ Закройте теги строки и ячейки перед командой завершения PHP-цикла ? }?.
Из всех стилей в новом шаблоне используются только два. Их шрифты будут практически одинаковыми, отличие будет в цвете.
Пусть они называются blog-author и blog-text.
¦ Добавьте указание на класс class=blog-author в тег ссылки на профиль пользователя.
¦ В тегеspan class=blog-post-dateизмените blog-post-date на blog-text.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 3.
Вы увидите, что внесенные изменения полностью преобразовали вид компонента, но его вид по оформлению текста еще не соответствует заданному в дизайне.
¦ Вызовите функцию Редактировать CSS-файл из меню компонента
Новые сообщения блогов.
¦ Удалите из шаблона все стили и их параметры.

МЕДИАПРОИГРЫВАТЕЛЬ И ЯНДЕКС.КАРТЫ

Достаточно часто результаты опросов нужны не столько в виде таблицы на экране монитора, сколько в виде отпечатанной на бумаге таблицы. Осуществим экспорт данных в формат Excel.
¦ Выполните команду Выгрузить данные из списка в Excel, щелкнув по кнопке
Excel
на контекстной панели.
Система предложит вам сохранить файл form_result_list.xls.
¦ Укажите путь сохранения.
Теперь таблицу результатов опроса можно пускать на печать.

Резюме

Вы научились создавать самые простые веб-формы и можете использовать их в работе своего сайта.

Глава 11МЕДИАПРОИГРЫВАТЕЛЬ И ЯНДЕКС.КАРТЫ

Компоненты Медиапроигрыватель, Яндекс.Карты и Google Maps
это примеры того, как быстро развивается 1С-Битрикс: Управление сайтом. Компоненты появились совсем недавно и были включены во все редакции CMS.
В первой книге, вышедшей осенью 2008 года, описания этих компонентов и их возможностей не было они появились буквально через несколько месяцев. Так что этой главой мы заполняем пробел, который появился в результате добавления возможностей показа видео и карт на сайтах, сделанных на 1С-Битрикс: Управление сайтом.

Медиапроигрыватель

Медиапроигрыватель позволяет проигрывать на вашем сайте видео в нескольких форматах. Не думаю, что их стоит перечислять, так как в большинстве своем это просто разновидности двух базовых форматов: FLV и WMV.
Кроме видео, медиапроигрыватель может озвучить аудио в формате MP3 и AAC и просмотреть картинки в традиционных графических форматах. Есть и другие возможности, о которых мы расскажем в процессе освоения работы медиапроигрывателя.
Приступим к работе с компонентом.
¦ Перейдите на сайт Matchfishing в раздел Общение.
¦ Создайте в этом разделе страницу Видео и перейдите к ее редактированию.

ЗАМЕЧАНИЕ

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

Размещение медиапроигрывателя

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

ЗАМЕЧАНИЕ

При создании шаблона сайта вручную возможна ситуация, когда верстальщик не включит в блок head строку ?$application-ShowHead();?. В этом случае медиапроигрыватель работать не будет.
Если после добавления медиапроигрывателя на страницу вы не видите его, то проверьте наличие этой строки в шаблоне.
¦ Вставьте на странице необходимый текстовый комментарий. Пусть в нашем случае это будет текст Видеоурок.
¦ Перенесите ярлык компонента Медиапроигрыватель из панели Компоненты 2.0 ^ Контент ^ Медиа на рабочее тело страницы (рис. 11.1).
¦ Сохраните внесенные изменения.
После перезагрузки страницы вы увидите на пустой странице не окно медиапроигрывателя, а надпись Файл для проигрывания не найден. Это потому, что мы только поместили компонент, но не указали ему файл.
Нужно назначить файл для проигрывания.
¦ Видеофайлы для тестового сайта размещены на компакт-диске, приложенном к книге, в папке Видео.

ЗАМЕЧАНИЕ

Теоретически видеофайл может быть расположен где угодно в структуре дерева файлов CMS. Однако мы рекомендуем создать специальную папку, вложенную в папку upload.
В этом случае будет использоваться типовой путь upload\video_files\имя_файла.
¦ Создайте в папке upload папку video_files с помощью любого файлового менеджера (путь в рамках локального компьютера c:\Program
Files\Bitrix Environment\www\upload\) или с помощью административной панели (путь в рамках системы Контент ^ Структура сайта ^ Файлы и папки ^ upload\).


Рис. 11.1. Вставляем медиапроигрыватель
¦ Перенесите в созданную папку файлы из папки Видео с компактдиска.
Теперь укажем файл для проигрывания.
¦ Откройте для редактирования страницу Видео.
¦ Активируйте ярлык компонента Медиапроигрыватель.
¦ Вызовите панель Свойства в окне визуального редактора.
¦ В группе параметров Основные настройки в поле Путь к файлу
укажите путь к файлу. Это можно сделать вручную или с помощью кнопки [ ... |, которая вызовет диалог Открыть файл.
¦ Сохраните внесенные изменения.
После перезагрузки страницы вы увидите медиапроигрыватель (рис. 11.2).


Рис. 11.2. Медиапроигрыватель готов к работе
Для начала работы достаточно щелкнуть по кнопке g в центре окна или в левом нижнем углу.

ЗАМЕЧАНИЕ

Медиапроигрыватель требует для своей работы наличия установленного на компьютере Flash от компании Adobe или Silverlight от компании Microsoft. Если данные компоненты не установлены, выведется соответствующее уведомление.
Необходимо будет доустановить эти бесплатные модули.

Интерфейс медиапроигрывателя

Интерфейс медиапроигрывателя по умолчанию очень прост и интуитивно понятен. Внизу расположена панель управления (рис.
11.3). Слева кнопка Старт, в центре индикатор загрузки и просмотра, далее кнопка полноэкранного режима и регулятор громкости.
Внешний вид панели может меняться в зависимости от используемого плеера, списка воспроизведения, подключенного скина и настроек компонента.

Подготовка видео

В книге мы используем видеоролики, полностью оптимизированные и подготовленные для работы. Но вовсе не обязательно, что созданные вами ролики будут готовы к вставке в медиапроигрыватель.
И говорится это не потому, что у данного компонента 1С-Битрикс: Управление сайтом какие-то особые требования. Просто видеоформатов очень много, и необходимо конвертировать ваше видео либо в формат WMV, либо в формат FLV.
Для этого можно использовать любой из многочисленных платных и бесплатных видеоконвертеров. Например, Afree All Video Converter ().

ЗАМЕЧАНИЕ

Есть определенные сложности при воспроизведении видео медиапроигрывателем в браузере Internet Explorer, не связанные с самим медиапроигрывателем. В этом браузере нельзя просмотреть файлы большого размера из-за предустановленной малой величины кеша, способа обработки сценариев и по некоторым другим причинам.
Рекомендации по размеру файлов для IE дать сложно, так как размер кеша меняется в зависимости от версии браузера.
Вы не можете изменить размер кеша на браузере посетителя вашего сайта и не можете заставить его пользоваться другими браузерами, например Firefox, Opera или Chrome. В этом случае есть единственный способ избежать жалоб на невозможность просмотреть видео резать большой файл на части.
Разрезать файл на части (а также оптимизировать его параметры, добавить титры, эффекты и пр.) можно в видеоредакторе (обратитесь к соответствующей литературе).
Теперь медиапроигрыватель на месте, и можно приступить к его настройкам. Есть два режима настройки: Базовый и Расширенный.
По умолчанию в настройках установлен Базовый, то есть минимальный режим настроек. Начнем знакомство с него.

Базовый режим

¦ Перейдите в режим Разработка.
¦ В меню компонента Медиапроигрыватель выполните команду Редактировать параметры компонента. Откроется окно редактирования параметров (рис.
11.4).
Базовый режим включает в себя четыре группы параметров и всего восемь параметров настроек:


Рис. 11.4. Базовый режим настроек
- Шаблон компонента возможность выбора шаблона отображения медиаплеера. Не надо путать шаблон компонента и скин самого плеера. Скин проигрывателя явление, внешнее по отношению к системе 1С-Битрикс: Управление сайтом, которое настраивается отдельно. О нем будет идти речь ниже.
Шаблоны компонента редактируются так же, как и шаблоны любых других компонентов системы.
- Основные настройки базовые настройки. Включают путь к файлу и размеры экрана по умолчанию.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

Если медиаплеер будет использоваться только для проигрывания музыки, установите высоту 26 пикселей. В этом случае вы будете видеть только панель плеера.
В поле Путь к файлу можно указать прямую ссылку для скачивания ролика с другого сайта. Детально об этом будет рассказано ниже.
- Настройки воспроизведения объяснение медиапроигрывателю по поводу воспроизведения видеофайла. Суть параметров ясна из названий и в комментариях не нуждается.
- Дополнительные настройки это включение расширенного режима, который мы и рассмотрим.

Расширенный режим

¦ Поставьте флажок Расширенный режим настройки компонента.
После перезагрузки окна Параметры компонента станут доступны
расширенные настройки (рис. 11.5).


Рис. 11.5. Расширенные настройки компонента
В расширенных настройках уже пять групп параметров и 24 параметра настройки. Без изменений осталась только одна группа Шаблон.
В группе Основные настройки добавились параметры:
- Тип плеера. По умолчанию в базовом режиме этот параметр равен Определять автоматически. Потому он и не показывается.
В расширенном режиме можно указать конкретный тип плеера: Flash либо WMV.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

Медиаплеер не дает возможности изменять или задавать месторасположение авторского знака, а также степени прозрачности изображения. Поэтому рекомендуется заранее подготовить файл для наложения авторского знака.
Лучше всего использовать картинку формата GIF с прозрачным фоном и размером, равным размеру экрана видео. Авторский знак размещается в нужном месте на экране и с нужной степенью прозрачности. При использовании функции
Путь к изображению авторского знака можно отказаться от функции Путь к рисунку для предварительного просмотра, так как авторский знак будет отображаться и без показа видео.
- Разрешить полноэкранный режим. Флажок разрешает показ видео в полный экран.
- Поле Путь к папке со скинами и раскрывающийся список Скин будут рассмотрены ниже.
- Расположение панели управления. Позволяет выбрать месторасположение панели управления. Если вы выбираете положение Поверх, то к параметру Высота можно не добавлять 26 пикселей, как мы рекомендовали выше.
Панель в этом случае будет накладываться поверх видеоряда и всплывать при наведении на окно проигрывателя указателя мыши. Если выбирается Не показывать, то панели управления не будет видно вообще, а запуск и остановка воспроизведения будут осуществляться по щелчку самого экрана проигрывателя.
- Режим окна. Параметр определяет, как происходит встраивание видео в страницу.
Рекомендуется использовать режим по умолчанию Прозрачный.
- Скрыть контекстное меню плеера. Позволяет убрать часть строк в контекстном меню.
При выборе WMV-плеера группа настроек Внешний вид имеет следующие параметры (рис. 11.6):


Рис. 11.6. Параметры настройки для WMV-плеера
- Показывать панель управления. В WMV-плеере можно только отключить и включить панель управления.
- Показывать кнопку остановки ролика. Появляется еще одна кнопка на панели управления.
- Показывать текущее время воспроизведения и оставшееся время. По сторонам графического индикатора загрузки и показа можно включить или выключить отображение времени ролика и оставшегося времени.
WMV-плеер не поддерживает скины. Но зато у него есть возможность произвести настройку цветов для изменения отображения внешнего вида. Для этого:
¦ В полях Цвет фона панели управления, Цвет элементов управления, Цвет элементов управления при наведении указателя мыши
и Цвет экрана введите шестизначный код цвета в системе RGB.
- Режим окна. Этот параметр, в отличие от аналогичного параметра для Flash-ролика, имеет всего два режима.
Рекомендуется использовать режим Прозрачный.
Настройки воспроизведения. Параметры этой группы в базовом режиме аналогичны настройкам расширенного режима для WMV-плеера. При выборе Flash-плеера появляются дополнительные поля (рис.
11.7).
- Раскрывающийся список Действие при клике по экрану позволяет задать команду, которая будет выполняться при этом действии. По умолчанию начинает проигрываться видеоклип.
- Флажок Отключать звук при старте позволяет запускать видеофайл в режиме без звука. Звук включается пользователем с панели управления проигрывателя.
- Флажок Высококачественное проигрывание стоит снимать, если ограничены системные ресурсы.


Рис. 11.7. Настройки воспроизведения для Flash-плеера
Дополнительные настройки не меняют своих значений в зависимости от плеера (рис. 11.8).


Рис. 11.8. Дополнительные настройки
- Размер буфера в секундах. Этот параметр рекомендуется использовать для медленных соединений. Чем больше буфер, тем реже будут происходить обрывы при показе ролика. Размер буфера рекомендуется выбирать в диапазоне 10-30 с, в зависимости от доступной скорости соединения.
Чем выше скорость, тем меньше может быть буфер.
- Ссылка для скачивания ролика. Нужна, если вы вставляете стороннюю ссылку на видеоролик (об этом см. ниже).
- Поле Открывать ссылку в, думается, понятно без объяснения.

Скины медиаплеера

Скины поддерживаются только для Flash-проигрывателя. В случае использования WMV-плеера придется обходиться возможностями настройки цвета. По умолчанию в медиапроигрывателе предусмотрено только два скина: от компании разработчика плеера и от компании 1С-Битрикс.
Но вы можете использовать любой из десятков скинов специальной коллекции (). Для установки нового скина:
¦ Откройте указанную ссылку.
¦ Подберите подходящий скин и щелкните по кнопке Get This (Получить это).
¦ Сайт запросит ваш электронный адрес и после его ввода перейдет
к странице автоматической загрузки.
После загрузки архива (размером примерно 100 Кб) можно приступать к установке скина.
¦ Распакуйте архив.
Архив достаточно большой (там скины для разных ОС), но нам нужен из него только один файл: с расширением .swf. Как правило, нужный файл имеет название, идентичное названию скина, например snel.swf.
¦ Перенесите файл с расширением .swf в системную папку /bitrix/ components/bitrix/player/mediaplayer/skins (если в настройках компонента был сменен путь до папки, укажите правильный путь).

ЗАМЕЧАНИЕ

Изменить путь есть смысл, так как системные папки стираются при обновлениях. Поэтому лучше указать отдельную папку для своих скинов.
¦ Откройте для редактирования параметры компонента Медиапроигрыватель в расширенном режиме. В раскрывающемся списке поля параметра Скин появится только что добавленный вами скин.
¦ Выберите нужный скин.
¦ Сохраните внесенные изменения.
После перезагрузки страницы медиапроигрыватель отобразится в новом виде (рис. 11.9).


Рис.11.9. Применен новый скин
К дизайну вашего сайта может не подойти ни один из имеющихся скинов плеера. В этом случае можно разработать свой вариант внешнего вида (подробности см. на англоязычной странице . longtailvideo.com/support/tutorials/Skinning-the-JW-Player).

Вставка стороннего видео

Медиапроигрыватель может не только показывать видео, расположенное на сервере, но и загружать файлы с удаленных серверов типа YouTube. Однако на данный момент вставка прямых ссылок с RuTube не поддерживается. Для вставки стороннего видео:
¦ Выполните команду Редактировать параметры компонента из меню компонента Медиапроигрыватель.
¦ В поле Ссылка для скачивания ролика введите любую ссылку на видеофайл со стороннего сервера (мы не будем давать здесь пример конкретной ссылки, так как они постоянно меняются, и такой пример будет бесполезным). Как правило, прямая ссылка на ролик указывается в особой строке с названием типа для вставки на сайт.
Если ссылка не указана явно, ее можно получить и другими способами, но рассказ об этом не задача данной книги.
¦ Сохраните внесенные изменения.
¦ Ссылка готова для просмотра. На иллюстрации (рис.
11.10) показан ролик с YouTube, работающий на нашем тестовом сайте.


Рис. 11.10. Показ стороннего ролика

Список воспроизведения

Список воспроизведения способ показа нескольких видеороликов в рамках компонента Медиапроигрыватель. Поддерживается несколько форматов списков воспроизведения.
Формат XSPF для плей-листа предпочтительнее.
¦ Установите флажок Использовать список воспроизведения. Пере-загрузится окно настроек, и сменятся поля в группе Основные настройки (рис.
11.11).


Рис. 11.11. Включаем список воспроизведения
¦ В поле Путь к списку воспроизведения с помощью кнопки ш выберите путь до файла со списком воспроизведения.
Если файла воспроизведения нет, то:
¦ С помощью этой же кнопки вызовите диалог Открыть файл, перейдите в раздел (папку), где будут храниться файлы плей-листов.
¦ В поле для имени файла введите произвольное имя файла и расширение (в нашем случае 1.xpsf).
¦ Щелкните по кнопке Открыть файл, в поле Путь к списку воспроизведения пропишется путь до файла.
¦ Щелкните по кнопке Список воспроизведения: Изменить. Откроется окно Создание списка воспроизведения (рис.
11.12).


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

ЗАМЕЧАНИЕ

При использовании списков воспроизведения необходимо учитывать то, что параметры Высота и Ширина в настройках компонента задаются в сумме для самого плеера и списка воспроизведения. Реальные значения этих полей необходимо вычислить добавлением высоты списка воспроизведения.
¦ Измените параметр Высота (или Ширина, в зависимости от выбранного положения плей-листа) в Основных настройках.
¦ Сохраните внесенные изменения.
После перезагрузки страницы вы увидите медиапроигрыватель с плей-листом (рис. 11.13).

ЗАМЕЧАНИЕ

Кстати, заметьте, что изменилась панель управления плеера. Появились кнопки Следующий ролик и Предыдущий ролик.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

В настройках плеера в группе Настройки воспроизведения есть функция Перемешать список воспроизведения. Она может быть интересной при постоянном просмотре одной и той же страницы.
А в группе Дополнительные настройки есть параметр Начать проигрывать с элемента в списке. В этом поле можно задать ролик, который будет по умолчанию проигрываться первым.
Только маленькое уточнение: ролик, стоящий по порядку первым в списке воспроизведения, в этой настройке будет пониматься как нулевой. То есть номер ролика должен быть на один меньше, чем в списке. Чтобы первым начал звучать, скажем, пятый ролик из списка, в поле Начать проигрывать с элемента в списке надо поставить номер 4.


Рис.11.13. Список воспроизведения
Можно приступать к просмотру.

Настройка шаблона

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

Видеотека

Видеотека еще один компонент, который может отображать видеофайлы, но работает он не просто с файлами, а со специально созданными инфоблоками. И оформляет страницу несколько по-иному. У этого компонента есть одно преимущество перед простым медиапроигрывателем: он может включать в список воспроизведения файлы разных форматов.
В списке воспроизведения медиапроигрывателя такое невозможно.
¦ Создайте страницу Видеотека в разделе Общение и перейдите к ее редактированию.
¦ Разместите на странице компонент Видеотека.
¦ Сохраните внесенные изменения.
Страница создастся, и на ней будет пусто, так как мы не задали настройки для компонента.

Создание инфоблока

В дистрибутиве 1С-Битрикс: Управление сайтом по умолчанию уже создан тип инфоблока Видео. Есть и демонстрационный инфоблок Видеокурсы для пробы.
Мы создадим свой инфоблок.
¦ Перейдите в раздел Контент ^ Информ. блоки ^ Типы информ. блоков ^ Видео.
¦ Щелкните по кнопке Добавить инфоблок на контекстной панели. Откроется форма создания инфоблока.
¦ Заполните закладку Инфоблок:
- Символьный код video_test;
- Привязка к сайту Matchfishing;
- Название Проба видеотеки.
Остальные поля закладки оставьте без изменений.
¦ Перейдите на закладку Свойства.
¦ Создайте три свойства с параметрами, приведенными на рис. 11.14.
¦ Щелкните по кнопке GD в первой строке. Откроется форма настройки свойств параметра. ¦ В поле Типы загружаемых файлов выберите в самом правом окне Видео, а в левом окне добавьте через запятую расширение .flv.
Остальные поля оставьте без изменений.
¦ Щелкните по кнопке [ Обзор... |. Изменения сохранятся, а система вернется к списку свойств.
¦ Перейдите на закладку Доступ.
¦ Для всех пользователей поставьте уровень прав Чтение, а для групп, члены которых будут заниматься созданием видеотеки, вариант
Изменение.
¦ Перейдите на закладку Подписи. Здесь можно изменить названия подписей полей, чтобы они воспринимались адекватно инфоблоку.
¦ Измените надписи: раздел(ы) на видеоальбом(ы), а элемент(ы) на видео.
¦ Сохраните внесенные изменения.
Инфоблок создастся, а система вернется к списку инфоблоков.

Создание видеоальбомов и элементов инфоблока

Теперь создадим видеоальбомы и элементы в них. Мы сформируем упрощенную структуру видеоальбомов и элементов.
¦ Перейдите на страницу Контент ^ Видео ^ Проба видеотеки.
¦ На контекстной панели щелкните по кнопке Добавить видеоальбом. Откроется форма создания видеоальбома (рис.
11.15).

Настройки администратора

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

Настройки администратора

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

Настройки RSS

Если вы знакомы с RSS, установите флажок в поле Разрешить RSS, настройте параметры и пользуйтесь на здоровье.

Резюме

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

Глава 13МНОГОСАЙТОВОСТЬ

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

Магазин как раздел сайта

Этот вариант мы не будем расписывать детально. С учетом того, что вы уже изучили, достаточно будет просто описания общего порядка действий без пошаговых инструкций.
Даже если вы не будете создавать магазин как раздел сайта, рекомендуем выполнить эти действия, чтобы попрактиковаться. Тем более что внедрение информера валют будет рассмотрено именно на подобном примере.
К нашему сайту уже применено несколько шаблонов: основной шаблон, шаблон для блогов и шаблон для статей. В качестве основы шаблона магазина мы используем шаблон для блогов.
Он не имеет ни правой, ни левой колонки, но его все же нужно несколько адаптировать: убрать ненужные компоненты и добавить нужные. Мы выполним минимум работы по изменению шаблона: создание копии, удаление ненужных компонентов и вставим информер курса валют.
¦ Создайте новые разделы в меню сайта: Каталог снаряжения и Интернет-магазин.

ЗАМЕЧАНИЕ

У нас уже был создан раздел Снаряжение, в котором предполагалось давать описание снаряжения для рыбной ловли. Пока просто переименуем этот раздел в Каталог снаряжения без переназначения пункту меню нового раздела.
Для пункта Интернет-магазин используйте папку по умолчанию e-store.
¦ Создайте новый шаблон на основе шаблона для блогов. Пусть он называется Inet_mag.
¦ Примените в настройках сайта новый шаблон для разделов Каталог снаряжения и Интернет-магазин.

ЗАМЕЧАНИЕ

Не забудьте про сортировку! Новые шаблоны должны стоять выше, чем шаблон с примененным PHP-выражением.
В противном случае индексные страницы магазина и каталога будут отображаться с другими шаблонами.
¦ Откройте шаблон интернет-магазина для редактирования.
¦ Удалите из шаблона компонент Меню для верхнего частичного меню. В этом месте вы сможете разместить компоненты Корзина, Заказы пользователя и т. п.
Во включаемую область, где мы выводили лозунги, можно поместить информер курсов валют (об этом см. в главе 14).
¦ Сохраните внесенные изменения.
Все остальные работы по каталогу и магазину смотрите в соответствующих главах. Они будут аналогичными как для магазина раздела сайта, так и для магазина отдельного сайта.

Магазин как отдельный сайт

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

ЗАМЕЧАНИЕ

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

ПРИМЕЧАНИЕ

Многосайтовость это возможность системы 1С-Битрикс: Управление сайтом управлять разными сайтами из единой панели управления. Каждая лицензия на CMS подразумевает возможность создания двух сайтов.
Детально о многосайтовости вы можете узнать из документации о продукте, мы же приведем только основные теоретические моменты. Многосайтовость может быть первого и второго типа.
Эти типы отличаются способом реализации на хостинге в рамках системы 1С-Бит-рикс: Управление сайтом. Внешне они отличаются видом URL. При использовании первого типа многосайтовости адреса, как правило, имеют вид:
- ;
- .
При использовании второго вида многосайтовости адреса, как правило, имеют вид:
- ;
- .
Если ориентироваться только на вид URL, то вторая многосайтовость предпочтительнее. Этот тип имеет и другие преимущества. Но не всегда такое решение оптимально. Вторая многосайтовость требует дополнительных затрат на регистрацию домена, и, если просрочить оплату домена, интернет-торговля может понести серьезные убытки.
Вторая многосайтовость также требует более профессионального и квалифицированного подхода к исполнителю. Мы остановимся на многосайтово-сти первого типа ее в состоянии реализовать пользователь невысокой квалификации.
Еще один момент: мы не будем создавать и интегрировать новый шаблон для сайта интернет-магазина. С интеграцией шаблона вы уже знакомы, поэтому мы пропустим шаг внедрения нового шаблона во второй сайт, а просто подключим шаблон, используемый в дистрибутиве системы для интернет-магазина по умолчанию, Трехколоночный дизайн для демо-сайта.

ЗАМЕЧАНИЕ

Этого шаблона не должно быть в списке шаблонов, если вы следовали всем инструкциям по книге. Ведь при установке мы создавали сайт на основе Web 2.0.
Чтобы в списке шаблонов появился этот дизайн, выполните следующие действия:
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Список мастеров. Откроется форма со списком всех мастеров, доступных в системе (рис.
13.1).


Рис. 13.1. Список мастеров
¦ Запустите Мастер создания демо-сайта и установите шаблон Трехколоночный дизайн для демо-сайта.
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Сайты ^ Список сайтов.
¦ Создайте еще один сайт, назовите его Интернет-магазин, папку сайта назовите inetmag и назначьте ему в качестве шаблона Трехколоночный дизайн для демо-сайта.
Чтобы заработала многосайтовость, на локальном сервере нужно выполнить следующие действия:
- изменить настройки обоих сайтов;
- добавить переключатель сайтов на оба шаблона.

ЗАМЕЧАНИЕ

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

Изменение настроек сайтов

¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Сайты ^ Список сайтов.
¦ Выберите Изменить в контекстном меню колонки действий для сайта Matchfishing.
¦ Измените значения полей:
- Название Matchfishing;
- Доменное имя для локальной установки оставить пустым;
- Папка сайта / ;
- URL сервера localhost (для локальной установки);
- Название сайта Клуб любителей рыбалки;
- Путь к корневой папке веб-сервера для этого сайта оставить пустым.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Организационно правильным решением будет размещение каждого сайта в собственной подпапке в папке www локальной установки CMS. При переносе сайта Клуб любителей рыбалки в новую папку внутри www слетят все пути к файлам на сайте и в шаблоне, в частности в меню. Мы оставим первый сайт в корне указанной папки. Это возможно, но если вы изначально знаете, что будете работать с двумя сайтами по первому типу многосайтовости, то лучше сразу создавать каждый сайт в отдельной папке.
В этом случае в поле Папка сайта нужно указать /имя_папки_сайта.
¦ Выберите Изменить в контекстном меню колонки действий для второго сайта.
¦ Измените параметры полей:
- Активен да;
- Название Inet_mag;
- Доменное имя для локальной установки оставить пустым;
- Папка сайта /inetmag/;
- URL сервера localhost (для локальной установки);
- Название сайта Интернет-магазин;
- Путь к корневой папке веб-сервера для этого сайта оставить пустым.

ЗАМЕЧАНИЕ

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

Добавление переключателя сайтов

Чтобы пользователю было проще переходить с сайта на сайт, можно добавить в шаблон специальный компонент Выбор сайта.
¦ Откройте для редактирования шаблон сайта Клуб любителей рыбалки.
¦ Создайте строку и ячейку в ней ниже строки для компонента Форма авторизации.
¦ Перенесите компонент Выбор сайта на шаблон дизайна в созданную строку (рис. 13.2).


Рис. 13.2. Добавление компонента Выбор сайта
¦ Вызовите панель Свойства в визуальном редакторе.
¦ В поле Список сайтов выберите сайты, которые должны быть подключены через этот выключатель (если вы делали все по книге, то сайтов будет только два).
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Создание строки и ячейки в ней не настолько сложная задача, чтобы приводить здесь или в приложении 3 его код. Думается, что вы успешно справитесь с этим сами.
Учтите только, что ячейка должна иметь параметр align=right.
Переключатель вставлен, но отображается не в стиле оформления дизайна (рис. 13.3).
Теперь нужно привести отображение компонента в соответствие с дизайном сайта. Особенность приведения внешнего вида этого компонента к общему стилю заключается в том, что у компонента Выбор
сайта нет файла CSS. То есть мы не сможем изменить внешний вид тем же способом, каким делали это раньше.
Придется поступить немного по-другому: добавим стили в файл CSS самого сайта и вставим в шаблон компонента указания на стили.


Рис. 13.3. Добавлен компонент Выбор сайта
В качестве источника используем стили компонента Форма авторизации.
¦ Откройте для редактирования файл стилей Форма авторизации.
¦ Скопируйте в буфер обмена параметры стиля login-info: {font-family: arial;
color:#3B3B3B;
font-size:70%;
font-weight:bold;}
¦ Закройте файл стилей без изменений.
¦ Откройте файл стилей сайта для редактирования.
¦ Дважды добавьте в него параметры стиля из буфера.
¦ Один из стилей назовите site, второй sitel.
¦ У стиля site1 поменяйте цвет на #666666.
¦ Сохраните внесенные изменения.
Теперь необходимо понять, как должны выглядеть надписи в компоненте Выбор сайтов. Дело вкуса, но мы предпочли вариант, при котором (по аналогии с формой авторизации) первая фраза темная (в компоненте Форма авторизации это имя пользователя), а вторая серая (логин в форме авторизации).

ЗАМЕЧАНИЕ

Вносимые в компонент Выбор сайтов изменения коснутся только сайта Клуб любителей рыбалки. В интернет-магазине будет собственный стиль оформления.
¦ Откройте для редактирования шаблон компонента Выбор сайтов.
¦ В строкеspan title=? = $arSite[NAME]?? = $arSite[NA ME]? после span вставьте class=site1.
¦ В строкеa href=?if(is_array($arSite['DOMAINS'])
strlen($arSite['DOMAINS'][0])
0 || strlen($arSite['DOMAINS'])
0):?http://?endif??=(is_array($arSite[DOMAINS]) ? $arSite[DOMAINS][0] : $arSite[DOMAINS])??=$arSite [DIR]? title=?=$arSite[NAME]??=$arSite[NAM E]?/a после тега a вставьте class=site.
Осталось только добавить рисунки квадратиков, которые есть в шаблоне Форма авторизации.
¦ Откройте для редактирования шаблон компонента Форма авторизации.
¦ Скопируйте в буфер обмена код картинки
img src=?=$templateFolder?/images/test/punkt_top.gif width=4 height=4 border=0 alt=.
¦ Закройте шаблон, не сохраняя изменения.
¦ Откройте для редактирования шаблон компонента Выбор сайта.
¦ Вставьте дважды код из буфера обмена. Первый раз перед ?else:?, второй перед ?endif?.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 3.
Теперь внешний вид переключателя сайта соответствует дизайну (рис. 13.4).


Рис. 13.4. Компонент Выбор сайта не выпадает из дизайна
¦ Повторите действия по внедрению компонента Выбор сайта для всех шаблонов, используемых на сайте Клуб любителей рыбалки.

ЗАМЕЧАНИЕ

На данный момент на сайте Клуб любителей рыбалки используется четыре шаблона. Вам придется повторять работу по внедрению компонента на всех по очереди. Эти повторяющиеся действия можно рассматривать как иллюстрацию к мысли о необходимости точного понимания функционала сайта перед началом работы и полного расчета порядка действий при его создании.
Ведь если бы мы внедрили этот компонент на этапе создания базового шаблона, то последующие копирования шаблонов избавили бы нас от добавления компонента в остальные шаблоны. Так что на этапе составления технического задания будьте особо внимательны!
¦ Откройте для редактирования Трехколоночный дизайн для демо-сайта.
¦ Найдите компонент Выбор сайта и настройте его на указанные сайты, как делали это для остальных шаблонов.
¦ Сохраните внесенные изменения.
Проверьте работу переключателя.

Настройки сайта интернет-магазина

Мало создать сайт интернет-магазина. Мало подключить его в режиме многосайтовости. Надо еще произвести некоторые настройки.
Необходимость этих настроек мы поясним на примере верхнего меню.
¦ Перейдите на сайт интернет-магазина.
Вы увидите, что верхнее меню отображает меню типа top для сайта Matchfishing (напомним, что на этом сайте меню типа top расположено внизу, и назвали мы его нижнее горизонтальное меню). Почему? Ведь мы не создавали меню для этого сайта и не назначали его.
Более того, если вы отредактируете меню, изменив пути или названия пунктов, а потом вернетесь на сайт Matchfishing, то увидите, что и там меню типа top изменилось в полном соответствии с внесенными изменениями на сайте интернет-магазина.
Почему это происходит? Потому что в настройках 1С-Битрикс: Управление сайтом по умолчанию для разных сайтов используются одни и те же типы меню.
В нашем случае это надо исправить.
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Настройки модулей ^ Управление структурой (рис. 13.5).


Рис. 13.5. Разрешим отдельные меню для каждого сайта
По умолчанию флажок в поле Использовать индивидуальные настройки для каждого сайта снят.
Это означает, что для каждого из сайтов будет выводиться общий тип меню, что у нас и происходит.
¦ Поставьте флажок в поле Использовать индивидуальные настройки для каждого сайта.
Теперь вы можете назначать для каждого сайта свой тип меню. По умолчанию никаких новых типов создавать не надо: у каждого есть свое меню типа top, left, part.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Перейдя на закладку Просмотр, вы увидите, что в виде верхнего меню все равно отображается меню типа top сайта Matchfishing. В качестве левого меню также отображается левое меню того же сайта. Это происходит, поскольку на сайте интернет-магазина еще нет своего верхнего (и любого другого) меню. При рендеринге страницы 1С-Битрикс: Управление сайтом, дойдя до компонента Меню с параметрами top (или left), ищет соответствующий файл в папке сайта Inet_mag.
Не найдя файла меню в этой папке, система начинает искать аналогичный файл в папке уровнем выше. А как вы помните, мы не стали создавать многосайтовость в равнозначных папках. Структурно именно сайт Matchfishing расположен выше. Поэтому система находит файл верхнего меню на сайте Matchfishing и вставляет его в сайт Inet_mag.
После создания собственного меню в интернет-магазине все встанет на свои места.
Если бы сайты Matchfishing и Inet_mag были расположены в равнозначных по уровню папках, то меню не отразилось бы вовсе.
¦ Перейдите на закладку Разработка на Административной панели.
¦ В меню команд для верхнего меню выберите Создать меню в текущем разделе. Откроется окно создания меню.
¦ Создайте пункт Главная с указанием на индексную страницу сайта Inet_mag.

ЗАМЕЧАНИЕ

Вам придется вручную вводить в поле Ссылка имя индексной страницы index.php. Это происходит, поскольку на данный момент сайт Inetjnag не обладает никакой структурой, и меню еще не создано.
Поэтому по щелчку по кнопке ш не произойдет вызова диалога выбора файла.
¦ Сохраните внесенные изменения. Окно закроется, страница перегрузится, и вы увидите, что в верхнем меню теперь отображается не меню сайта Matchfishing, а меню интернет-магазина с одним-един-ственным пунктом: Главная.
Для упрощения учебного процесса мы не будем умничать с меню, создадим только необходимые разделы: Каталог и Интернет-ма газин.
¦ С помощью команды Создать раздел создайте папку и пункт меню для раздела Каталог (индексную страницу раздела можно пока не редактировать).
¦ Вернитесь на главную страницу.
¦ С помощью команды Редактировать пункты меню создайте пункт меню Интернет-магазин и укажите для него путь к папке e-store.
Верхнее меню готово. Левое меню мы пока трогать не будем до него еще дойдут руки.

Резюме

Создание интернет-магазина мы начали с того, что, используя возможности системы, создали второй сайт и заставили работать 1С-Бит-рикс: Управление сайтом в режиме многосайтовости. Теперь вы знаете, как в этой CMS можно заставить работать несколько сайтов.
Единственное, на что хочется обратить внимание: при использовании многосайто-вости на реальном хостинге необходимо внимательно ознакомиться с документацией по продукту. Настройки многосайтовости на локальной машине и на хостинге несколько отличаются.
Теперь можно продолжать работу непосредственно над сайтом интернет-магазина. Начнем мы с внешне незаметного модуля Валюта.

Глава 14МОДУЛЬ ВАЛЮТА

Модуль Валюта один из самых незаметных модулей. Действительно, отобразить его присутствие можно только одним способом: выведя на сайт таблицу курса валют. А если не выводить, то его вообще не будет заметно.
Тем не менее это довольно важный модуль. Без него не будет работать ни интернет-магазин, ни торговый каталог.
Кроме этого, модуль необходим при работе с финансовыми параметрами в рекламных кампаниях и событиях в веб-аналитике (напомним, что эта функция в описываемой редакции Малый бизнес не подключена, но знать об этом надо).
Настроить работу этого модуля необходимо до того, как вы займетесь собственно созданием каталога и интернет-магазина.
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Настройки модулей ^ Валюты. Откроется форма настроек, состоящая всего из одной закладки Доступ.
Доступ к этому модулю желательно ограничить. Лучше вообще оставить его за одним администратором, так как постоянного обращения к нему не требуется, а случайно изменить что-то можно.
Так как изменение в модуле скажется на работе каталога и интернет-магазина, последствия могут быть серьезными.
¦ Задайте права доступа для групп пользователей, которые будут администрировать магазин и каталог.
¦ Сохраните внесенные изменения.
Теперь можно приступать к работе с самим модулем.
¦ Перейдите на страницу Настройки ^ Валюты.
Вы увидите иконки разделов Курсы валют и Список валют. Первый раздел это что-то вроде дневника валют, а второй инструмент для управления валютами системы.
¦ Перейдите на страницу Настройки ^ Валюты ^ Список валют.
Откроется форма со списком всех имеющихся в системе валют (рис. 14.1). В дистрибутиве по умолчанию используются три валюты: рубль (как базовая), доллар и евро.
Базовая валюта валюта, которая будет использоваться в качестве базы для расчетов других валют. Например, если в качестве базовой будет выбран рубль, то весь курс будет отображен относительно рубля.
Базовой будет считаться валюта, номинал которой равен ее курсу. В качестве базовой рекомендуется выбирать рубль.
В этом случае курс валют будет отображаться в привычном для всех виде: за одну денежную единицу столько-то рублей.
Естественно, что вам для работы могут понадобиться другие валюты. Например, украинская гривна.
Ее нужно добавить.

Добавление валюты

¦ Щелкните по кнопке Добавить валюту на контекстной панели. Откроется форма добавления валюты (рис.
14.2).


Рис. 14.2. Форма создания валюты
¦ Заполните поля формы:
- Валюта международно признанное трехбуквенное обозначение валюты.
- Номинал сумма, которую ЦБ принимает за единицу при расчете валюты. Как правило, равняется единице, но может и отличаться от нее.
- Курс по умолчанию. Курс, который будет использоваться при расчетах, если нет других данных.
Фактически это значение курса на момент создания.
- Индекс сортировки вес данной валюты в общем списке валют .
Далее следуют настройки для разных языков: русского и английского. Поля этих групп настроек одинаковы.
Данные настройки нужны для отображения валют в разных языковых культурах.

ЗАМЕЧАНИЕ

Дополнительные языковые представления валюты (если нужно, например, немецкое представление) появляются в форме после добавления в систему дополнительного языка интерфейса.
¦ Заполните поля для обоих языковых вариантов:
- Название полное название валюты для данного языка.
- Шаблон способ вывода текста. При выборе того или иного шаблона вывода в остальные поля языкового оформления будут подставлены значения по умолчанию.
При необходимости вы можете изменить значения этих полей.
- Строка формата для вывода валюты. Заполняется в виде # текст. Вместо # выводится значение из поля Шаблон. Такое представление дает возможность индивидуализировать вывод сообщения о курсе.
Например, если ввести в поле # рублей за 1 евро на сегодняшний день, то в информере курса валют на сайте при курсе 34,52 рубля за евро будет отображен текст 34,52 рубля за 1 евро на сегодняшний день.

Настройки шаблона видеотеки

¦ В поле Название введите Первая клубная рыбалка.
¦ В поле Изображение можно вставить маленькую картинку, ассоциирующуюся с видеоальбомом.
¦ В поле Описание введите текстовое описание видеоальбома.
¦ Перейдите на закладку Дополнительно.

Рис. 11.15. Создаем видеоальбом
¦ В поле Символьный код введите video_1.
¦ Сохраните внесенные изменения. Видеоальбом создастся и отобразится в списке.
Теперь добавим в альбом видеоролик.
¦ Щелкните по кнопке Добавить видео на контекстной панели. Откроется форма добавления видео (рис.
11.16).


Рис. 11.16. Добавляем видео
Поля Начало активности и Окончание активности в данном типе
инфоблока отключены.
¦ В поле Название введите название видео, например Прибытие на место.
¦ В полях Время проигрывания и Размер файла выставьте данные по загружаемому файлу.
¦ В поле Файл укажите путь до файла.
¦ Перейдите в раздел Анонс.
¦ В поле Картинка для анонса можно загрузить картинку, которая будет отображаться в качестве анонса.
¦ В поле Описание для анонса введите текстовое описание, которое будет отображаться в общем списке.
¦ Перейдите на закладку Подробнее.
¦ Загрузите большую картинку для видео. Описание в этой закладке можно не заполнять оно нигде не используется.
¦ Перейдите на закладку Видеоальбомы.
¦ Выберите видеоальбом, в котором должен будет отображаться видеосюжет. Пусть это будет сам верхний уровень Первая клубная рыбалка.

ЗАМЕЧАНИЕ

На данный момент видеотека не поддерживает отображение роликов из папок, вложенных в верхний раздел. Поэтому для каждой из тем, которую вы хотите отобразить, надо создавать отдельную папку.
¦ Сохраните внесенные изменения.
¦ Добавьте еще несколько роликов.
¦ С помощью параметра Сортировка расположите ролики в нужной последовательности в общем списке видео.
При создании элементов инфоблока могут возникнуть проблемы
с добавлением файлов. Выражается это в том, что создаются элементы
инфоблока, но не происходит сохранения указанных видеофайлов.
Если такая проблема обнаружилась, то:
¦ Наберите в адресной строке браузера http://ваш_сайт/admin/ phpinfo.php (для локальной установки вместо ваш_сайт введите localhost:6448, если вы не меняли порт). Откроется страница с отображением настроек PHP.
¦ Найдите в настройках параметры post_max_size и upload_max_ filesize и просмотрите их.
Величина, указанная в этих параметрах, должна быть не меньше, чем размер загружаемого файла (как правило, у хостеров стоит 2 Мб). Если она меньше, необходимо обратиться к службе поддержки вашего хостинга с просьбой об увеличении этих параметров. В случае локальной установки для изменения параметров выполните следующие действия:
¦ Откройте для редактирования файл php.ini (C:\Program Files\Bitrix Environment\apache\).
¦ У параметров post_max_size и upload_max_filesize измените значения в большую сторону. Например, до 32 Мб.
¦ Сохраните внесенные изменения.
¦ Добавьте в видеоальбом еще несколько роликов.
¦ Перейдите на закладку Редактирование публичной части.
¦ Выполните команду Редактировать параметры компонента из меню компонента Видеотека. Откроется окно редактирования параметров (рис.
11.17).
Многие поля в этом окне знакомы вам по компоненту Медиапроигрыватель. Поэтому в описании мы коснемся только того, что еще неизвестно.
¦ Выберите в поле Тип информационного блока вариант Видео.
¦ В поле Информационный блок выберите только что созданный ин-фоблок Проба видеотеки.
Остальные поля группы Общие настройки не меняйте, если вы следовали указаниям книги. Если вы создавали иные поля для задания пути к файлу и времени проигрывания, укажите их.
В группе Настройки плеера имеют принципиальное значение два поля: Секция и Элемент.
¦ В поле Секция выберите видеоальбом, который будет демонстрироваться.
¦ В поле Элемент выберите видеоролик, который будет подключаться первым по умолчанию.
В поле Логотип можно заменить файл с логотипом по умолчанию вашей картинкой. Для этой картинки справедливы все замечания, которые давались для логотипа в медиапроигрывателе.


Рис. 11.17. Параметры компонента Видеотека
В группе Настройки списка изображения по умолчанию (большие и малые) можно заменить любыми другими картинками. Изображения из поля По умолчанию показываются, если при создании элементов инфо-блока не были выбраны иные картинки в закладках Анонс и Подробно.
¦ В поле для первой сортировки новостей можно выбрать параметр, по которому будет производиться расстановка в общем списке роликов. По умолчанию используется сортировка По названию.
Вы можете выбрать любой другой вариант.

ЗАМЕЧАНИЕ

Первая сортировка это основной тип сортировки роликов. Скажем, если вы выбрали сортировку По названию, то ролики расположатся в алфавитном порядке.
Но, предположим, встретились ролики с одинаковыми названиями что произойдет? В этом случае в расчет вступит системная ненастраиваемая сортировка По ID
роликов.
¦ В поле Направление для первой сортировки новостей можно задать способ сортировки. Например, при сортировке по названию можно сортировать ролики по возрастанию (от А до Я) и по убыванию (от Я до А).
Настройки кеширования по умолчанию изменять не рекомендуется, если только вы четко не представляете себе, зачем это нужно сделать.

Настройки шаблона видеотеки

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

Настройка медиапроигрывателя в видеотеке

После того как у вас заработает видеотека, вы обратите внимание, что внешний вид плеера не соответствует тому виду, который вы задали для медиапроигрывателя на странице Видео. Это происходит, поскольку медиапроигрыватель в видеотеке воспринимается системой как отдельный проигрыватель, который тоже надо настраивать.
К сожалению, настройки плеера в видеотеке через графический интерфейс на данном этапе минимальны. Но система 1С-Битрикс: Управление сайтом хороша тем, что всегда можно найти выход из положения через исправление файлов в папках.

ЗАМЕЧАНИЕ

К такому неформальному редактированию надо подходить осторожно. Не все можно менять там без оглядки.
¦ Откройте страницу Контент ^ Структура сайта ^ Файлы и папки ^ bitrix/components/bitrix/iblock.tv/templates/.default (в рамках локального компьютера это соответствует папке C:\Program Files\Bitrix Environment\www\bitrix\components\bitrix\iblock.tv\ templates\.default\, если не менялся стандартный путь установки).
¦ Откройте для редактирования файл template.php из этой папки.
С пятой строки начинается код компонента bitrix:player. Это и есть медиаплеер в видеотеке.
Изменяя параметры плеера непосредственно в коде компонента, вы добьетесь нужных результатов. В качестве образца настроек можно взять настройки простого плеера на странице Видео в тестовом сайте, открыв страницу для редактирования в режиме PHP. О соответствии параметров и полей в настройках можно узнать в документации к 1С-Битрикс: Управление сайтом.
Так как эти действия не для начинающих, мы просто упомянем эту возможность, но описывать ее не будем.
Итак, вы умеете работать с медиапроигрывателем и видеотекой.

Яндекс.Карты и Google Maps

Яндекс.Карты и Google Maps это компоненты, позволяющие подключать к сайту специализированные сервисы Яндекса и Google. Оба компонента позволяют отображать информацию в режиме схемы, фотографии со спутника или совмещенном режиме.
Каждый из них состоит из нескольких компонентов, которые можно применять как самостоятельно, так и в комплексе.

ЗАМЕЧАНИЕ

Пока писалась книга, в составе 1С-Битрикс: Управление сайтом появился новый компонент: Google Maps. Он работает и настраивается точно так же, как и Яндекс.Карты. Поэтому детально работу этого компонента мы описывать не будем.
Сделаем только маленькое замечание, что детальный поиск по адресу работает в Google Maps лучше, чем в Яндекс.Карты. Но и у Яндекса есть свои преимущества, например, измерение расстояний по карте.
В главе 7 мы создавали раздел О клубе и страницу Как добраться в рамках этого раздела. Мы предложили наполнить эту страницу содержанием самостоятельно, но теперь, после появления компонента Яндекс.Карты, можно наполнить эту страницу с учетом возможностей этого компонента.

ЗАМЕЧАНИЕ

Для использования компонента необходимо иметь ключ доступа, который получается у компании Яндекс по адресу maps/. Без использования ключа компонент Яндекс.Карта не будет работать, а на странице отобразится надпись: Не указан ключ доступа.
¦ Получите ключ доступа.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

Детальный поиск по улице и дому осуществляется в соответствии с возможностями сервиса Яндекс.Карта.

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

¦ Разместите на странице компонент Яндекс: настраиваемая карта.
¦ Вызовите панель Свойства и введите ключ доступа в одноименном поле.
¦ Сохраните внесенные изменения.
После перезагрузки страницы вы увидите работающий компонент. По умолчанию откроется карта Москвы, но мы на иллюстрации уже переехали на Калининград (рис.
11.18).

ЗАМЕЧАНИЕ

Все остальные компоненты можно настраивать на локальном компьютере без доступа в Интернет. А вот с Яндекс.Карты такое не пройдет.
Вы обязательно должны иметь доступ в Интернет. Для всех создателей сайтов в рамках собственного проекта важно показать место расположения своего офиса. Причем желательно, чтобы для этого посетитель сайта не предпринимал никаких дополнительных действий.
Просто открыл страницу и сразу все увидел, а уж потом, если захочет, бродил по собственным нуждам.
Чтобы по умолчанию карта открывалась в определенном месте, компонент нужно настроить.
¦ Выполните команду Редактировать параметры компонента из меню компонента Яндекс: настраиваемая карта. Откроется окно настройки параметров (рис.
11.19).
¦ В качестве стартового типа мы выберем Спутник.
Дело в том, что тип Схемы, более удобный для страниц типа Как добраться, можно применять для тех городов, где эти схемы есть в подробном виде. К сожалению, для Калининграда схема города не очень подробна, и место конкретного расположения описываемого офиса внятно по ней показать невозможно. Поэтому мы и выбрали тип Спутник.
Если для вашего города есть подробная схема, то в качестве начальной точки лучше выбрать тип Схема или Гибрид. Отличий в работе с разными типами нет.


Рис. 11.19. Настройка параметров компонента
Перед тем как производить настройку стартовой точки карты, нужно подобрать правильный размер карты под используемый шаблон сайта. В противном случае вы можете настроить красивую карту, а потом выяснится, что размер окна надо менять, и вся работа с созданной красотой пойдет насмарку.
¦ Введите в поля Ширина карты и Высота карты нужные параметры для окна, в котором будет отображаться карта. Указанные на иллюстрации параметры достаточны для нашего тестового сайта.
¦ Щелкните по кнопке Изменить. Откроется диалог Настройки карты (рис.
11.20).
¦ Снимите флажок с поля Зафиксировать.
¦ В поле Найти на карте введите нужный адрес. В нашем случае вводим Калининград.
Система сама выдаст подсказки по уточнению расположения, как показано на нашей иллюстрации.
¦ С помощью указателя мыши, ползунка масштаба (или кнопок масштаба) откройте нужное место в городе.
¦ Найдите на карте нужное здание.
¦ Щелкните по кнопке ссылки Добавить точки. Откроется форма для добавления новой точки (в нашем примере образец формы дан для второй точки: ближайшего магазина для рыболовов).
¦ Введите текст Наш офис и щелкните по крестику на форме. Форма свернется, точка добавится.
Для легкости ориентирования будет правильно указать близлежащие и известные всем ориентиры: станции метро, остановки транспорта,
известные строения.
¦ Добавьте нужное количество ориентиров для уверенности. Иногда есть смысл указать расстояние до нужной точки от этих дополнительных ориентиров. Например, от остановки или станции метро.
Для этого можно воспользоваться специальной функцией Измерение расстояния на карте.
Включится функция Измерение расстоя-
Щелкните по кнопке
ния на карте.
¦ Щелкните по стартовой точке расчетов. Появится квадратик красного цвета.
Компонент может считать суммарную длину для серии точек. Поэтому можно прокладывать путь по реальной траектории движения.
¦ Поставьте нужное число точек до конечной точки расчетов. Полученные данные можно внести в информацию о точке.

ЗАМЕЧАНИЕ

Линия расчета расстояния впоследствии не сохраняется и не отображается.
¦ Установите флажок Зафиксировать.
¦ Сохраните внесенные изменения. Диалог закроется, а система вернется к окну настроек параметров компонента.
С помощью группы настроек Дополнительные настройки можно включить или выключить те или иные элементы управления и запретить или разрешить ту или иную реакцию карты на действия мыши. Трудностей эти настройки вызвать не должны.
В крайнем случае обратитесь к документации по 1С-Битрикс: Управление сайтом.
Поле Идентификатор карты оставьте пустым. Это поле для более опытных разработчиков сайтов, которые могут работать над собственными компонентами.
¦ Сохраните внесенные изменения. Страница перезагрузится, и появится карта с новой стартовой точкой (рис. 11.21).
Теперь карта будет всегда открываться в этой позиции.

Компонент Яндекс: поиск по адресу

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


Рис. 11.21. Настроенная карта

Google Maps

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

Резюме

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

Глава 12 ФОРУМЫ

Для любого проекта очень важно организовать обмен информацией, мнениями, опытом между посетителями сайта. Инструментов для этого было придумано много, но наиболее удачный это форумы или конференции.
Практически любой проект сейчас имеет либо форум, либо блоги. И в 1С-Битрикс: Управление сайтом тоже есть такая возможность.
Но в редакции Малый бизнес модуль Блоги недоступен. Рассмотрим модуль Форум, способы его настройки и управления.

Создание раздела Форум

Для создания раздела Форум лучше всего использовать одноименный комплексный компонент. Как и любой другой компонент, он создает виртуальный раздел на базе одной физической страницы.

ЗАМЕЧАНИЕ

Форум можно создавать и другим способом: формируя физические страницы и размещая на них отдельные компоненты из группы Общение ^ Форум. Такой способ позволяет создать оптимальный для данного проекта форум.
Однако подобный вариант чрезвычайно трудозатратен.
¦ Создайте страницу (назовем ее forum.php) и добавьте ее в главное меню сайта.

ЗАМЕЧАНИЕ

Вопросы создания шаблона для форума и применения его для конкретного раздела мы опускаем это уже не должно составить для вас проблемы.
¦ Откройте созданную страницу для редактирования.
¦ Добавьте на страницу комплексный компонент Форум из панели Компоненты 2.0 (Общение ^ Форум).
¦ Сохраните внесенные изменения.
Итак, раздел Форум создан. Теперь можно переходить к настройкам.
Настройки и управление работой форума производятся в нескольких местах. Прежде всего это настройки самого модуля, далее управление форумами через административную часть, а затем настройки комплексного компонента.

Настройка модуля Форум

Сначала нам необходимо настроить сам модуль Форум.
¦ Перейдите в административный раздел сайта.
¦ Откройте страницу Настройки ^ Настройки продукта ^ Настройки модулей ^ Форум. Появится форма для задания параметров настройки модуля на закладке Настройки (рис.
12.1).

Закладка Настройки

В первом поле, E-Mail для поля From писем с форума, вводится электронный адрес, который будет использоваться на форуме в качестве адреса администратора.
В трех следующих полях задаются типовые настройки для модуля, касающиеся отображения на странице тем и сообщений. Эти же настройки при необходимости можно будет задействовать при настройке компонента.
То есть здесь указываются общие параметры, а задать отдельные параметры для разных форумов разных сайтов можно и с помощью настроек компонента Форум конкретного сайта.
Остальные поля на закладке Настройки не должны вызвать у вас проблем. Их смысл понятен из названий.
Но есть некоторые моменты, которые мы хотели бы осветить дополнительно.
Поле Хранить в БД код HTML позволяет хранить код сообщения в базе данных, что сокращает время открытия сообщения для чтения. Его можно не использовать, так как эта функция актуальна для старого варианта парсера, с новой версией все работает довольно быстро.


Рис. 12.1. Настройки модуля Форум
Поле Разрешить хранение в cookies полезно, если на форуме очень много пользователей. Снятие данного флажка несколько уменьшает объем базы данных.
Для неавторизованных пользователей в этом случае все темы показываются как новые.
Поле Журналировать действия пользователей позволяет администратору сайта осуществлять контроль над работой модераторов и редакторов сайта: всех тех, кому доступно управление форумами, темами и сообщениями. Чем жарче темы обсуждения на форуме, тем более сильное желание наказать какого-то пользователя может возникнуть у модераторов.
Так как наказание иногда бывает и несправедливым, возникают спорные ситуации. Разобраться в этих ситуациях администратору сайта поможет Журнал событий (Настройки ^ Инструменты ^ Журнал событий).
Ведение данного журнала и включает поле Журналировать действия пользователей.
Однако если сайт обладает большой аудиторией, журнал событий может сильно разрастись. Поэтому в некоторых случаях полезно сократить его за счет отказа от регистраций действий простых пользователей.
Для этого достаточно снять флажок Добавлять в журнал событий информацию об изменении сообщения автором.
Максимальный размер аватара пользователя по умолчанию ограничен 10 Кб. Если сервер достаточно шустрый, а места под сайт выделено много, можно и увеличить этот объем пусть посетители используют красивые анимированные аватары.
Размер аватара в пикселах тоже надо менять с пониманием может разъехаться дизайн форума. А вот к размеру загружаемых файлов необходимо подойти осторожнее.
Требуется найти золотую середину между местом на диске и желаемым размером файлов.
Настройки персональных сообщений имеют два варианта логики сообщений. Они выбираются в поле Версия.
Логика 1.0 это версия форума phpBB, в которой есть понятие исходящие сообщения. Исходящее сообщение это отправленное, но непрочитанное сообщение.
Логика 2.0 это логика обычных форумов и почтовых серверов, в которых есть папки Входящие, Отправленные и Корзина. Кроме того, логика 2.0 позволяет посылать запрос уведомления о прочтении.
Группа Названия статусов пользователей это инструмент для адаптации внешнего вида форума под тематику сайта. По умолчанию используются типовые названия статусов: Гость, Пользователь, Модератор, Редактор, Администратор.
Но на нашем сайте рыболовной тематики более приемлемыми могут показаться другие названия. Скажем, гость случайный рыбак, пользователь рыбак, модератор старший рыбак и т. д.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

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

Закладка Доступ

Эта закладка типовой механизм 1С-Битрикс: Управление сайтом для организации разного уровня доступа пользователей к форумам. Работает она точно так же, как и в любом другом модуле: выбирается группа пользователей и из раскрывающегося списка задаются права для этой группы.

Закладка Фильтр нецензурных слов

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


Рис. 12.2. Настройка Фильтра нецензурных слов
В поле Действия с найденными словами нужно выбрать одно из действий, которое должна выполнить система, если она обнаружит в форуме нецензурное слово. Доступны следующие действия:
- Ничего (Но зачем тогда включать фильтр?);
- Заменить слово будет заменено словом, указанным в поле Замена;
- Удалить слово будет удалено. Это не всегда хорошо, так как вместо слова образуется дыра большой пробел.
¦ Выберите нужное действие и установите символы замены (Например: [мат] удалено).
¦ Сохраните внесенные изменения.
После включения функции необходимо задать словари, по которым система будет распознавать правильные и неправильные слова.

ОБЩЕЕ ПРЕДСТАВЛЕНИЕ О САЙТЕ

Включаемыеобласти Произвольный HTML-код, являющийся частью содержимого страницы Доменное имя Одно из полей DNS-таблицы (domain name service) содержащее в себе строго структурированное имя интернет-сайта, заданное по определенным правилам. Основная задача DNS-таблицы это ассоциация доменных имен с IP-адресами сайтов Индексная
страница Имя файла, который будет использован вебсервером, если запрашиваемый URL заканчивается на слеш и не содержит имени файла Информационный блок Блоки однородной информации, вывод которых организован программными средствами. Основной инструмент работы с контентом в рамках 1С-Бит-рикс: Управление сайтом Кастомизация Изменение логики работы компонента или шаблона компонента под частные задачи Компонент Часть того или иного модуля.
Представляет собой логически завершенный код, хранящийся в одном файле, принимающий ряд параметров, выполняющий ряд действий и выводящий какой-либо результат (например, в виде HTML-кода) Компонент 1.0 Компоненты, где логика не отделяется от формы вывода. Устаревшие, не рекомендуются к применению Компонент 2.0 Компоненты, где логика вывода отделена от логики программного кода. Это делает возможным использование нескольких шаблонов (логик вывода) для одного программного кода.
Компоненты 2.0 хранятся централизованно в папке www\bitrix\components\, далее в зависимости от модуля. Скопировав в собственную папку, компонент и его шаблон можно модифицировать под конкретный проект Контент Любое информационно значимое (содержательное) наполнение веб-сайта: тексты, графика, мультимедиа Контекстная
панель Панель команд, относящихся к данной странице административной части. Располагается над формами страницы административной части Локализация Вывод информации на сайте в переводе на желаемый язык, в соответствующей кодировке данного языка и с использованием форматов представления данных, характерных для этого языка (например, дата, время, денежные единицы, числа и т. д.) Навигационная цепочка Элемент дизайна, предназначенный для облегчения навигации по сайту. Навигационная цепочка, как правило, выводится в прологе и состоит из заголовков разделов сайта с соответствующими ссылками
на них Меню
компонента Способ управления настройками компонента из публичной части. В разных режимах административной панели имеют разные значки и число функций Мета-тег Один из элементов HTML, позволяющий задать информацию о странице. Например, указать кодировку страницы, ее ключевые слова, автора, задать краткое описание.
Как правило, содержимое метатегов используется в служебных целях, например роботами поисковых систем, индексирующих сайт. Мета-тег задается внутри тега head Многосайто-
вость Возможность системы организовать работу нескольких сайтов в рамках одного административного раздела Панель
действий Панель типовых команд. Используется, как правило, для массовых действий с элементами.
Располагается под формами страницы административной части Пролог Один из файлов (/Ьигіх/ІетрІаСвз/Ю_шаблона_сай-та/header.php) шаблона сайта, ответственный за вывод верхней левой части страницы.
Пролог может быть разделен на служебную и визуальную части. В служебной части подключаются все необходимые классы, создаются соединение с базой, ряд служебных экземпляров объектов. В визуальной части выводится верхняя левая часть страницы Публичная
часть Комплекс скриптов, подключающих Пролог и Эпилог одного из шаблонов сайта. Их подключение подразумевает, что:
- данная страница принадлежит какому-либо сайту;
- имеется интерфейс текущего шаблона сайта;
- все параметры локализации данной страницы зависят от текущего сайта Пуск, кнопка Инструмент быстрого доступа к любой странице административной части Путь относительно корня Путь к файлу, начинающийся от каталога, указанного в параметре DocumentRoot в настройках веб-сервера, заданный по правилам формирования URL-адресов Полный путь Включает протокол, домен, порт и путь относительно корня к странице (каталогу) Поисковая
оптимизация Оптимизация HTML-кода, текста, структуры и внешних факторов сайта с целью поднятия сайта в общем списке, выдаваемом поисковой системой по запросу пользователя Раздел сайта Каталог в файловой системе сервера Редактор
WYSIWYG Инструмент для редактирования контента, при котором корректируемый материал в процессе редактирования выглядит в точности так же, как и конечный результат Режимы административной
панели Режимы, при которых текущая страница публичного раздела отображается в особом виде: выделены используемые компоненты, включаемые области, редактируемые области и т. д. Каждая такая область имеет свой набор кнопок для быстрого перехода к редактированию данного элемента страницы. Режимы оформлены в виде отдельных закладок со своим набором кнопок-команд на панели. Существуют три режима:
- Просмотр просмотр страниц в том виде, как они будут доступны обычным пользователям.
- Редактирование изменение содержания страниц и разделов на сайте.
- Разработка используется разработчиками сайта, предоставляет возможности по изменению внешнего облика сайта (настройки параметров компонентов, изменение стилей шаблона сайта и др.) Сайт Совокупность понятий:
- учетная запись в базе данных создается в административном меню Сайты; - публичная часть совокупность скриптов (страниц), лежащих в папке сайта и принадлежащих этому сайту;
- настройки каждый модуль может иметь ряд настроек, связанных с сайтом, например у модуля Информационные блоки эти настройки представляют собой привязку информационного блока
к тому или иному сайту, у модуля Техподдержка привязку статуса, категории и т. п. Свойства
раздела
и страницы Параметры, которые влияют на отображение свойств страницы в браузере и ее взаимодействие
с поисковыми системами Сессия Сессия открывается в момент захода на сайт и закрывается при закрытии окна браузера. Также новая сессия открывается при авторизации пользователя.
Если закончить сеанс авторизации (разлогиниться), сессия закрывается. Синонимом термина сессия можно считать заход на сайт Сниппет Инструмент, облегчающий вставку типовых текстов в визуальном редакторе Страница
сайта Страница каталога Структура
сайта Файловая структура сервера Таблица
стилей Набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом и положением. Стили задаются в файле формата CSS Тело страницы Часть PHP/HTML-кода, расположенного в скрипте между подключениями пролога и эпилога.
Тело страницы не является частью шаблона сайта и представляет собой индивидуальное содержимое публичной или административной страницы. В шаблоне сайта тело страницы отмечено разделителем Work_Area. Для редактирования открывается в визуальном редакторе по кнопке Изменить на закладках административной панели ТЗ (техническое задание) Текстовый документ, в котором оговариваются все технические, организационные, финансовые и иные параметры и ресурсы, которые должны быть выполнены и задействованы при реализации проекта Уровни
доступа Определенный комплекс функций, доступный для выполнения пользователем. Уровни предназначены для создания системы управления пользователями Шаблон сайта В шаблон сайта входят:
- учетная запись в базе данных создается в административном меню;
- набор файлов в каталоге /bitrix/templates/ID_ma-блона/, где ГО_шаблона поле ID в форме редактирования шаблона сайта.
Для показа одного сайта можно использовать
несколько различных шаблонов Шаблон
страницы Файл, хранящийся в одном из каталогов:
- /bitrix/templates/ID_mаблона сайта/page_ templates/;
- /bitrix/templates/.default/page_templates/
Шаблон страницы представляет собой заготовку публичной страницы Шаблон
компонента Файл template.php, расположенный в папке www\
bitrix\components\bitrix\имя_компонента\templates\
имя_шаблона Хост Доменное имя или IP-адрес, посредством которого можно обратиться к тому или иному сайту Хостинг Услуга по предоставлению дискового пространства для физического размещения информации на сервере, постоянно находящемся в Интернете Форма отчета Таблица с содержимым раздела (папки) Форма редактирования Форма для изменения свойств файла, настроек модуля и т. д. Эпилог Один из файлов (/bitrix/templates/ID_mаблона_сай-та/footer.php) шаблона сайта, ответственный за вывод нижней правой части страницы.
Эпилог может быть разделен на служебную и визуальную части. В служебной части производится ряд таких действий, как отсылка почтовых сообщений и др. Язык Учетная запись в базе данных, доступная для редактирования в административном меню Язык.
Язык в первую очередь используется в работе с языковыми файлами.
В административной части язык определяет формат времени, даты, кодировку страниц (в публичной части данные параметры определяются настройками сайта) Языковой
файл PHP-скрипт, хранящий переводы языковых фраз на тот или иной язык. Для каждого языка существует свой набор языковых файлов, хранящихся в каталогах /lang/.
Для работы с языковыми файлами предназначен модуль Перевод CMS (Content
management
system) Компьютерная программа, используемая для управления контентом сайта. CMS позволяют управлять текстовым и графическим наполнением веб-сайта, предоставляя пользователю удобные инструменты хранения и публикации информации независимо от уровня его квалификации DocumentRoot Путь к корню сайта в файловой системе сервера. Задается в настройках веб-сервера

ЗАКЛЮЧЕНИЕ

Мы рассмотрели создание тестового сайта на базе CMS 1С-Бит-рикс: Управление сайтом. Для создания сайта использовалась наиболее оптимальная, на наш взгляд, редакция Стандарт, которая позволяет реализовать задачи, достаточные для проекта общественной организации, муниципального или коммерческого учреждения, не имеющего высоких требований к функционалу.
Очень хочется надеяться, что режим пошаговых инструкций поможет начинающему веб-мастеру без особых проблем освоить азы управления этой системой и создания в ней интернет-проектов.
Если вам что-то осталось неясным или вы вышли за рамки задач, установленных книгой, обращайтесь к документации по продукту, на форумы компании Битрикс и в службу техподдержки.
Удачи вам на поприще сайтостроительства!

ОБЩЕЕ ПРЕДСТАВЛЕНИЕ О САЙТЕ

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

Целевая аудитория сайта

Основной целевой аудиторией данного проекта, по предположению, будут физические лица мужчины в возрасте от 20 до 45 лет (небольшое количество посетителей это мужчины в возрасте старше 45 лет и женщины). 50% основной целевой аудитории это жители г. ******.
Уровень достатка целевой аудитории средний и выше среднего.
По уровню знаний в области публика делится на следующие категории:
Потенциальные постоянные посетители:
- Новички;
- Специалисты;
- Профессионалы.
Постоянные посетители:
- Новички;
- Специалисты;
- Профессионалы.
- Спортсмены.
Другие категории пользователей:
- Партнеры. К этой категории целевой аудитории относятся торговые компании и магазины. Дело в том, что на сайте должна быть реализована возможность (через администратора) размещать рекламу своей продукции и услуг за соответствующую плату, а также знакомить посетителей с новинками и новостями.
Через проект планируется осуществлять существенный приток потенциальных покупателей в торговые точки.
- Пресса. Данная категория целевой аудитории сможет быстро получить свежую интересную информацию для последующего опубликования в СМИ.
Этим самым для будущего портала обеспечивается бесплатная и эффективная рекламная площадка, а самое важное это привлечение и возможность заинтересовать дополнительную аудиторию.

Задачи проекта

- Создание необходимого имиджа сайта в глазах посетителей.
- Максимально проработанная возможность перевода заинтересованных посетителей в категорию постоянных посетителей.
- Оказание информационной поддержки постоянным посетителям.
- Существенное снижение возможных дальнейших расходов на продвижение сайта в Интернете (уменьшение затрат на привлечение потенциальных постоянных посетителей).
- Грамотное и эффективное предоставление информации случайным посетителям.
- Грамотное предоставление информации постоянным посетителям.
- Создание удобных и комфортных условий для общения посетителей на проекте, обмена опытом, интересной свежей информацией.
- Стимуляция посетителей на достижение определенных результатов с использованием различных техник и методов, чтобы заинтересовать их в участии в соревнованиях.
- Имидж/представление проекта.

Работа с сайтом целевой аудитории.Случайные посетители

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

Постоянные посетители

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

Партнеры

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

Пресса

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

Общее описание проекта.Дизайн

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

Система управления сайтом (система администрирования)

Сайт должен быть организован на основе базы данных с системой администрирования 1С-Битрикс: Управление сайтом в редакции Эксперт, что даст нам возможность самостоятельно управлять его структурой и наполнением.
Система должна позволять нам:
- Создавать, скрывать и удалять страницы и разделы любого уровня по собственному усмотрению, менять положение ссылок в меню сайта (по сути, мы должны самостоятельно управлять структурой сайта).
- Менять информацию на любой странице сайта: обновлять тексты, закачивать изображения, добавлять файлы.
- Форматировать текст с помощью удобного интерфейса, похожего на интерфейс MS Word.
- Администрировать мета-теги страниц.
- Управлять доступом к системе администрирования.
- Управлять баннерами.
- Данный модуль должен позволить нам закачивать и обновлять баннеры, которые будут выводиться на страницах сайта.
- Организовать полнотекстовый поиск по сайту с помощью модуля Поиск по сайту.
- Управлять рекламой.
С помощью модуля рекламы мы будем размещать рекламу любых типов, контролировать ее показ, заключать рекламные контракты с рекламодателями, настраивать медиапланы, организовывать целевой показ рекламы по аудиториям и рекламным кампаниям, ограничивать число щелчков по баннеру, показы баннера посетителям и многое другое.

Управление веб-формами

Модуль веб-форм предназначен для создания и публикации на сайте вебформ (анкет, заявок, комментариев и т. п.), обработки, хранения и систематизации полученной информации.

Управление веб-аналитикой

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

Управление блогами и опросами

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

Управление подпиской и рассылкой

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

Главная страница

Главная страница сайта будет выполнять функции:
- Общего представления проекта. Данная функция будет реализована за счет дизайна сайта и использования графического блока.
- Направления посетителя в нужный ему раздел для получения искомой информации.
- Привлечения внимания посетителей к приближающимся соревнованиям, акциям дисконтной системы и смене товаров и услуг в магазинах.
- Ознакомления посетителей сайта с последними новостями.
На главную страницу планируется поместить:
- Графический блок с использованием утвержденного логотипа. За счет дизайна и графического блока у посетителя должно формироваться определенное отношение к проекту.
- Меню, из которого можно будет перейти в любой раздел сайта. При помощи грамотной организации меню посетитель получит возможность с минимальными затратами времени получить доступ к интересующей его информации.
Новости
Свежие новости на главной странице сайта будут создавать у посетителей ощущение живости сайта.
Анонсы соревнований и Календарь событий
На главной странице будет размещена информация о ближайших соревнованиях или готовящихся событиях. Размещение на главной странице подобной информации необходимо, чтобы заинтересовать посетителей в планируемых соревнованиях. По данной ссылке можно будет перейти в раздел Анонсы соревнований и получить полную информацию по проводимым мероприятиям.
Размещение на главной странице анонсов соревнований необходимо также для того, чтобы постоянный посетитель проекта, уже интересующийся темой соревнований, смог с наименьшими затратами времени перейти в соответствующий раздел сайта.
Поскольку анонсы, размещенные на главной странице, будут регулярно вытесняться более новыми, сайт будет создавать впечатление динамичного и живого проекта.
Акции дисконтной системы
На главной странице проекта также будут размещены следующие материалы, привлекающие внимание:
- информация о скидках в магазинах;
- новинки магазинов;
- события магазинов.
По ссылке посетитель сможет перейти в раздел, посвященный дисконтной системе. В данном разделе он сможет получить всю интересующую его информацию в рамках этой системы.
Актуальная, интересная информация
На главной странице будет помещена колонка с названиями наиболее интересных, свежих и актуальных статей и дневников. Каждое название будет представлять собой ссылку, по которой посетитель сайта сможет перейти в соответствующий раздел и прочитать выбранную им информацию.

Обязательные элементы каждой страницы

- Год основания портала. Размещение на сайте даты основания портала будет создавать в глазах посетителей ощущение уникального опыта, накопленного в данной теме.
- Меню, из которого можно будет перейти в любой раздел сайта или вернуться на главную страницу.
- Баннеры (спецпредложения). На каждой странице портала будут размещены блоки, где можно будет размещать как рекламные баннеры, так и ссылки на наиболее актуальную и интересную информацию для посетителей.
- Поиск по сайту.
- Ссылка на новости дисконтной системы, акции, скидки, саму дисконтную систему.
- Ссылка, по которой посетитель сможет перейти на форум, чтобы задать вопрос специалистам, получить консультацию, просто пообщаться в кругу единомышленников.
- Вход в личный кабинет.
- Блок, посвященный актуальной информации: анонсы мероприятий, их результаты и отчеты.
- Фотоконкурс.

Описание разделов сайта

Сайт образно будет разделен на несколько зон по смысловой нагрузке.
Информационная часть
Информационная часть сайта будет состоять из разделов, каждый из которых будет содержать статьи, посвященные тематике данного раздела. Информация будет структурирована по единому иерархическому принципу.
Структура раздела оговаривается отдельно.
Мой кабинет
Персональный раздел пользователя.
Мой дневник
Каждый авторизованный посетитель сможет создать свой дневник, в котором будет описывать события своей жизни, отчеты, размещать фотографии к отчетам, то есть информацию, которую он считает нужной.
Возможные статусы дневника:
- Доступен всем;
- Доступен избранным.
Статусы дневника выбирает его владелец. Посетители дневника имеют возможность давать комментарии в рамках предоставленной информации.
Добавить статью
Держатель личного дневника сможет писать и опубликовывать на сайте свои статьи. При написании статьи пользователь сможет добавлять в нее фотографии и другие графические материалы.
Находясь в своем кабинете, до или после написания статьи (необходимо согласовать), пользователь выбирает для нее соответствующую категорию, где впоследствии будет публиковаться материал.
Опубликование может проходить двумя способами:
- Автоматическое опубликование статьи.
- Опубликование статьи администратором сайта после проверки в течение определенного времени или автоматически после определенного срока (на случай отсутствия администратора).
Мой фотоальбом
Каждый авторизованный пользователь сможет создать свой фотоальбом. Выбранные фотографии из альбома будут участвовать в фотоконкурсе.
Фотографии автоматически участвуют в конкурсе при условии, что этого хочет их владелец. Все указанные фотографии из личного фотоальбома будут доступны всем посетителям фотогалереи сайта.
Все дневники
В данном разделе будут представлены для чтения и комментариев доступные дневники всех участников проекта. Доступ к своему и к другим доступным дневникам возможен только после прохождения авторизации.
Фотогалерея
Фотогалерея будет содержать фотографии, размещенные участниками сайта. Фотографии, размещенные в личном кабинете с пометкой Участвовать в фотоконкурсе, будут автоматически размещаться в фотогалерее.
Каждой фотографии будет присвоен счетчик для сбора голосов. В определенный период времени будут подводиться итоги голосования.
Соревнования/мероприятия
Данный раздел будет содержать информацию о планируемых соревнованиях, график проведения и результаты проведенных соревнований, архив соревнований за прошедшие годы, другие мероприятия.

Ограничение прав просмотра

Рис. 7.9. Диалог Редактирование меню
Изменение порядка в меню возможно двумя способами. Первый:
¦ Щелкните по кнопке со стрелкой вверх в строке раздела О клубе. Строка переедет на уровень выше.
¦ Повторите это действие столько раз, сколько нужно, чтобы раздел О клубе расположился под Главная.
Второй способ это типовое перетаскивание:
¦ Наведите указатель мыши на крестообразную стрелку левее названия Блоги. Указатель сменит свой вид с обычной стрелки на крестообразную.
¦ Удерживая левую кнопку мыши, переместите строку раздела Блоги в самый низ списка.
Вы попробовали оба способа формирования порядка меню. Теперь:
¦ Расположите все разделы в утвержденном порядке любым удобным для вас способом.
¦ Сохраните внесенные изменения.
Итак, вы расположили пункты меню в нужном вам порядке.

ЗАМЕЧАНИЕ

В дальнейшем мы не будем так подробно описывать эти действия, а будем просто говорить: Расставьте пункты в утвержденном порядке.
Если вам нужно удалить пункт меню, то:
¦ Вызовите функцию Редактировать пункты меню из контекстного меню компонента Меню. Откроется диалог Редактирование меню.
¦ Щелкните по крестику в строке пункта меню, который нужно удалить. Пункт удалится.

ЗАМЕЧАНИЕ

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

Ограничение прав просмотра

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

ЗАМЕЧАНИЕ

При ограничении доступа через публичную часть вам необходимы соответствующие права. Тот уровень прав, который мы задали для группы Редакторы сайта, недостаточен для этой операции.
Ее может выполнить только пользователь с правами администратора на этот раздел.
По ряду причин иногда нужно запретить пользователям просматривать страницу или раздел. Например, не утвержден текст для страницы или обнаружены ошибки. В этом случае можно просто ограничить доступ для тех или иных групп пользователей.
Это делается с помощью кнопки Доступ (рис. 7.10).


Рис. 7.10. Меню кнопки Доступ
Для ограничения доступа:
¦ Выполните команду Доступ ^ К странице (или к разделу, в зависимости от потребности). Откроется диалог Права доступа к файлу (рис.
7.11) с единственной строкой: Доступ по умолчанию для всех групп.


Рис. 7.11. Диалог Права доступа
Если нужно ограничить права доступа для всех сразу, то:
¦ Щелкните по кнопке в строке Доступ по умолчанию для всех групп. Появится окно с раскрывающимся списком, в котором надо выбрать вариант Доступ закрыт.
¦ Сохраните внесенные изменения.
Доступ будет закрыт для всех групп, кроме самого администратора. Если нужно ограничить права для определенных групп, то:
¦ Щелкните по кнопке Добавить право доступа. Появится еще одна строка с активными полями.
¦ В колонке Группа выберите нужную группу пользователей, скажем,
Незарегистрированные пользователи.
¦ В колоне Права доступа установите права доступа для данной группы .
¦ Сохраните внесенные изменения. Диалог закроется.
Теперь доступ для выбранной группы пользователей ограничен. При необходимости можно установить произвольный уровень доступа для каждой из групп.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

Изредка возникает необходимость закрыть доступ к сайту полностью и для всех. В этом случае некоторые выводят на просмотр страницу с ошибкой 404.
Это не совсем правильно. Лучше создайте страницу site_closed.php и поместите ее в папку /bitrix/php_interface/include/.
На этой странице расположите уведомление о временном закрытии сайта. Все будет понятно пользователям и корректно сделано.

Меню разделов и подразделов

Меню разделов и подразделов формируются аналогичным способом. Если в том или ином разделе не создано собственное меню, то в раздел автоматически транслируется меню верхнего уровня.
Это не всегда удобно. Скажем, в разделе О клубе не нужны, согласно ТЗ, разделы Общение, Снаряжение и т. д., но нужны ссылки на страницы самого раздела.
Из панели Редактирование нам не удастся создать меню отдельного раздела.
¦ Перейдите в раздел Разработка.
¦ Перейдите в раздел сайта, меню которого вы хотите создать.
¦ Вызовите команду Создать меню в текущем разделе из контекстного меню компонента Меню. Откроется уже известный вам диалог Редактирование меню, только в нем не будет ни одной строки, так как меню еще создается.
¦ Создайте пункты меню для раздела.
¦ Расставьте пункты в утвержденном порядке.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

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

Создание страницы

В основе каждой структуры всегда лежат конкретные страницы с информацией. Поэтому при составлении структуры сайта вы рано или поздно дойдете до страниц.
На примере раздела О клубе рассмотрим механизм создания страниц.
Создание страницы
Структура раздела предполагает только наличие страниц, без подразделов:
- Устав клуба текст устава.
- Регистрационные документы тексты или сканы регистрационных документов.
- Как к нам добраться адрес и схема проезда.
- Наши заслуги фотографии призов, сканы грамот и прочих атрибутов.
- Контакты адреса электронной почты, телефон.
Для создания страницы:
¦ Выполните команду Создать ^ Страницу. Откроется Мастер создания новой страницы (рис.
7.12).
Мастер создания новой страницы аналогичен Мастеру создания нового раздела, поэтому мы не будем подробно расписывать заполнение полей. Если не разберетесь, перечитайте страницы про создание раздела.


Рис. 7.12. Мастер создания новой страницы
¦ В поле Имя файла введите имя на латинице, например ustav.
¦ В поле Заголовок страницы введите название самой страницы и ссылки на нее из меню. В нашем случае Устав клуба.
С остальных полей флажки не снимайте.
¦ Щелкните по кнопке [ Далее ]. Мастер перейдет к следующему
шагу, который аналогичен Мастеру создания раздела: ничего в нем не меняйте.
¦ Щелкните по кнопке [ Далее |. Мастер перейдет к следующему
шагу.
¦ Настройте свойства страницы.
¦ Сохраните внесенные изменения. Диалог закроется, создастся новая страница, и появится новый пункт меню.
¦ Создайте все остальные страницы раздела, повторив семь последних шагов.
¦ Расставьте страницы в разделе в утвержденном порядке.
Мы уже несколько раз обращали внимание на то, что создание страницы или раздела по умолчанию происходит в активном, то есть открытом на данный момент разделе.
В ходе работы возможна ситуация, когда вы не смените раздел и создадите подраздел или страницу не в том месте. Что делать? Можно, конечно, удалить ошибочно созданный раздел или страницу.
Но если страница или раздел уже наполнены контентом, будет жалко потраченного времени и усилий. Страницу (раздел) можно перенести.
Перенос страницы
Перенос страницы, к сожалению, невозможен из публичной части. Для этого действия нужно воспользоваться панелью управления.
¦ Создайте в разделе О клубе страницу. Назовите ее Ошибка, а сам файл mistake.php.
Пусть эта страница имитирует ошибочно созданную не в том разделе страницу.
Общий порядок действий по переносу аналогичен работе в любом файловом менеджере: найти сам файл и перенести его в нужную директорию.
¦ Перейдите на панель управления.
¦ Перейдите в раздел Контент ^ Структура сайта ^ Файлы и папки ^ Club.
¦ В списке файлов найдите файл mistake.php и перенесите его в нужную папку так, как мы это описывали в главе 3. Для примера перенесите ее в раздел Снаряжение.
Но просто перенести файл это половина дела. Надо еще и изменить логическую структуру сайта.
¦ Перейдите в раздел О клубе раздела Редактирование.
Вы увидите, что ссылка Ошибка в меню раздела О клубе по-прежнему присутствует. Если перейти по этой ссылке, откроется страница уведомления об ошибке 404 (рис.
7.13, в нашем конкретном дистрибутиве страница 404 настроена на карту сайта).
¦ Вызовите команду Редактировать пункты меню из контекстного меню компонента Меню.
¦ Удалите из пункта меню ссылку Ошибка.
¦ Перейдите в раздел Снаряжение.
¦ Вызовите команду Редактировать пункты меню из контекстного меню компонента Меню.
¦ Добавьте пункт меню Ошибка в этом разделе со ссылкой на только что перенесенный файл mistake.php.
Страница находится на новом месте, и все моменты логической структуры учтены.
¦ Создайте все страницы во всех разделах, согласно утвержденной структуре, и расставьте их в соответствующем порядке.
Удаление страницы или раздела
Сейчас мы имеем в виду физическое удаление страницы или раздела. Для логического достаточно просто отключить пункт меню или ограничить доступ, как делалось выше.
Для удаления страницы необходимо обязательно открыть ее.


Рис. 7.13. Ссылка не удалена и ведет на страницу с уведомлением об ошибке 404
; Удалить на административной панели. Си
Перейдите в раздел Редактирование. Щелкните по кнопке
стема попросит подтверждение на удаление (рис. 7.14).


Рис. 7.14. Подтверждение удаления страницы

ЗАМЕЧАНИЕ

Если вы снимете флажок Удалить страницу из меню, то файл страницы удалится, а ссылка в меню останется.
¦ Подтвердите удаление страница удалится.
Если вам нужно удалить раздел, учтите, что использование кнопки
J Удалить удалит только индексную страницу раздела. При этом в диалоге предупреждения появится дополнительная строка о том, что раздел станет недоступным. Физическое удаление папки раздела осуществляется через панель управления, как описывалось в главе 3.

Настройка нижнего меню

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

ЗАМЕЧАНИЕ

Навигацию по сайту с помощью горизонтального меню можно организовать еще удобнее, если использовать всплывающие окна меню. Для этого можно задействовать специальный шаблон: Горизонтальное многоуровневое всплывающее меню.
Однако этот шаблон по умолчанию приспособлен под верхнее размещение: меню раскрываются вниз. Изменение направления раскрытия возможно, но требует знания JavaScript.
Поэтому мы не используем этот очень удобный шаблон в данном примере.
¦ Перейдите на главную страницу сайта.
¦ Вызовите команду Редактировать пункты меню из контекстного меню компонента Меню нижнего меню. Откроется прекрасно известный вам диалог Редактирование меню.
¦ Отредактируйте меню так, как делали выше. Включите в него только ссылки на главные разделы.
Так как это меню едино для всех страниц, нам не потребуется создание меню в каждом разделе. Так что считаем, что работа с нижним меню надолго завершена.
Надолго это до изменения структуры сайта, если в этом возникнет необходимость в ходе работы уже готового проекта.

Применение шаблонов

В каждом из разделов информация имеет свою специфику отображения. Мы уже говорили об этом, когда создавали шаблоны сайта.
Теперь нужно эти шаблоны применить, то есть назначить их для каждого из разделов.
На главной странице сайта и разделов мы будем использовать первоначальный шаблон. На форумах и блогах шаблон для блогов. На остальных шаблон для статей.
Вполне вероятно, что при наполнении сайта контентом мы изменим условия использования шаблонов для отдельных страниц.
Для применения шаблона для блогов и форумов:
¦ Перейдите в раздел Настройки ^ Настройки продукта ^ Сайты ^ Список сайтов.
¦ В группе параметров Шаблон во второй строке колонки Шаблон выберите из раскрывающегося списка test_blogs.
¦ В этой же строке в колонке Тип условия выберите вариант Для папки или файла. Активируется поле Условие.
С помощью кнопки I ... I выберите раздел /communication/blog.
В группе параметров Шаблон в третьей строке колонки Шаблон вновь выберите test_blogs.
¦ В этой же строке в колонке Тип условия выберите вариант Для папки или файла. Активируется поле Условие.
¦ С помощью кнопки [ ... I выберите раздел /communication/forum.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Просмотр.
¦ Перейдите в раздел Блоги.
Вы увидите, что новый шаблон применился к выбранному разделу, и теперь все поле сайта используется для блогов. Аналогичная картина наблюдается и на странице форумов.
Теперь назначим шаблон для статей:
¦ Перейдите в раздел Настройки ^ Настройки продукта ^ Сайты ^ Список сайтов.
¦ В группе параметров Шаблон в третьей строке колонки Шаблон выберите test_article.
¦ В этой же строке в колонке Тип условия выберите вариант без условия.
Изменения пока не сохраняйте, так как при попытке просмотра возникнет конфликт: на данный момент два шаблона назначены работать в режиме без условия. Нужно назначить первому шаблону условие для показа индексных страниц (index.php) в шаблоне test. Для этого есть два варианта:
- Добавить этот шаблон необходимое количество раз и назначить каждый индексный файл раздела с помощью условия Для папки или файла.
- Но можно и проще с помощью PHP-условия.
Мы приведем несложный PHP-код, обеспечивающий применение шаблона только для таких страниц, не объясняя его. Напомним, что эта книга не учебник по PHP.
¦ Для первой строки в колонке Тип условия выберите во всплывающем окне Выражение php. Активируется поле Условие.
¦ Введите в это поле выражение: substr($APPLICATION-GetCurPage(), strlen($APPLICATION-GetCurDir()))==index.php
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Просмотр.
¦ Просмотрите сайт. Вы увидите, что страницы разделов показываются в шаблоне test, а все остальные (кроме блогов и форумов) в шаблоне test_article, а блоги и форумы в шаблоне test_blogs.
Число шаблонов, которые вы можете использовать на сайте, ничем не ограничено (хоть создавай свой шаблон для каждой отдельной страницы и для каждого пользователя).

ЗАМЕЧАНИЕ

В группе параметров Шаблон по умолчанию есть только пять строк для назначения шаблонов. Дополнительные строки появляются после заполнения пяти первоначальных.

ЗАМЕЧАНИЕ

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

Стили оформления

Частично мы уже касались этой темы при описании лозунгов. Перед тем как добавлять сам контент, нужно определиться со стилями оформления текста, которые вы будете использовать. На данный момент на сайте заданы стиль text, который виден в редакторе как обычный, и стиль textl, который виден в редакторе как лозунги. Первый будет применяться для текста статей, второй для форматирования лозунгов во включаемой области.
Этого может оказаться мало. Часть текста можно выделять средствами визуального редактора полужирным шрифтом или курсивом.
Если сочтете нужным, задайте свои стили оформления.
Но вот метод форматирования средствами визуального редактора к заголовкам применять не рекомендуется. Заголовки очень любят поисковые системы, они повышают ценность текста на веб-странице, который располагается внутри тегов h1...h6.
По этой причине лучше всегда использовать эти теги, хотя с помощью стилей редактора любой текст можно сделать заголовком.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Перейдите на закладку Стили шаблона.
¦ Задайте параметры для стилей h1-h6.
¦ Сохраните внесенные изменения.

Наполнение сайта контентом

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

ЗАМЕЧАНИЕ

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

Текстовая страница

Это самое простое, что может быть. Наполнение текстовой страницы удобнее всего сочетать с созданием пункта меню и самой страницы.
Так как создание страниц мы уже описали, сразу начнем с момента появления диалога с визуальным редактором. Общий алгоритм действий таков:
¦ Скопируйте текст из источника в буфер обмена.
¦ Вставьте его в поле визуального редактора.

ЗАМЕЧАНИЕ

При использовании текста из документа MS Word или HTML необходимо пользоваться функцией Вставить из Word или Вставить как текст. Эти функции убирают ненужное форматирование.
Работа с визуальным редактором проста и во многом подобна работе в MS Word. Поэтому мы не будем детально расписывать процесс.
Если все же возникнут затруднения, обратитесь к учебному курсу Визуальный HTML-редактор (BX-ADM008).
¦ Вставьте в нужные места картинки с помощью кнопки ^ Изображение.
¦ Отформатируйте текст.
¦ Очистите текст от ненужных тегов с помощью кнопки |. у | Оптимизировать HTML-код.
¦ Сохраните внесенные изменения.
Осуществите добавление текстовой информации по описанному алгоритму для страницы Контакты (рис. 7.15). Она пригодится нам для формирования верхнего
Но простота всегда грешит ограниченностью. Обучить работе с текстовой страницей можно кого угодно, но вам будут недоступны многие
функции, удобные посетителям сайта. Большинство этих функций реализуются на страницах, созданных на основе информационных блоков.
Сниппеты
Сниппеты это кусочки заранее заготовленного текста или HTML-кода, который очень часто используется на сайте. Например, в сниппет можно внести заранее отформатированный шаблон таблицы.
Пусть у нас есть таблица, с помощью которой задается единообразное оформление всех таблиц на сайте (рис. 7.16).
Главная Снаряжение Палатки Тип палатки Вместимость Ладога 3-хместная Орион 5-иместная Саркел 6-иместная, двухкомнатная Рис. 7.16. Тип оформления таблиц
Этой таблице соответствует определенный HTML-код. Его можно каждый раз вводить вручную, можно хранить в отдельном файле и обращаться к нему по мере необходимости, а можно добавить в сниппеты. Мы выполним последнее:
¦ Скопируйте код таблицы в буфер обмена.
¦ Щелкните по кнопке Изменить на любой странице сайта. Откроется визуальный редактор.
¦ Вызовите панель Сниппеты щелчком по одноименной кнопке в нижней части редактора.
¦ Щелкните по ссылке Добавить сниппет. Откроется диалог добавления сниппета (рис.
7.17).
¦ В поле Название введите название сниппета, под которым он будет виден среди остальных. Например, Таблица 2 колонки.
Название должно быть коротким, но информативным.
¦ В поле Код сниппета вставьте код из буфера обмена.
При желании можно оптимизировать код, заменив текст из исходной таблицы, скажем, буквами. Так вам будет легче ориентироваться в добавляемой таблице и не придется вычищать излишний текст при каждой вставке сниппета.
¦ Перейдите на закладку Размещение.
¦ Выберите шаблон, к которому будете применять данный сниппет (поле Шаблон).
¦ Выберите имя файла сниппета (поле Имя файла).


Рис. 7.17. Добавляем код сниппета
В поле Размещение будут отражены все имеющиеся подгруппы сниппетов. Пока есть только одна группа, созданная по умолчанию,
snippets.
¦ Установите флажок Создать новую подгруппу. Появится новое поле Имя новой подгруппы.
Заполните поле Имя новой подгруппы. Например: Таблицы.
Щелкните по кнопке Сохранить группе Таблицы.
Сниппет сохранится в новой
Теперь вы можете в любой момент прибегнуть к созданной таблице. Для этого:
¦ Откройте для редактирования страницу, в которую надо вставить таблицу.
¦ Вызовите панель Сниппеты.
¦ Простым перетаскиванием перенесите сниппет Таблица 2 колонки в нужное место страницы.
¦ Заполните таблицу нужным текстом.
¦ Сохраните страницу.
Как видите, применение сниппетов может существенно облегчить жизнь редактору сайта.

ЗАМЕЧАНИЕ

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

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

Информационные блоки (инфоблоки) это гибкий и многофункциональный инструмент, с помощью которого работа с информацией становится удобной как для контент-менеджеров, так и для посетителей. Каталогизации доступны любые виды однородной информации.
По умолчанию в полном дистрибутиве предусмотрены следующие типы инфоблоков:
- Статьи;
- Каталог книг;
- Новости;
- Фотогалерея;
- Сервисы;
- Каталог товаров 1С.
В каждом из них можно создать свой инфоблок. Так, в частности, на демо-сайте в области Тип инфоблока есть тип Новости с инфоблоками.
Но мы создадим свой инфоблок.

Создание инфоблока

¦ Перейдите на панель управления.
¦ Перейдите в раздел Контент ^ Информ. блоки ^ Типы информ. блоков ^ Новости.
¦ Выполните команду Добавить инфоблок на контекстной панели. Откроется форма создания нового информационного блока (рис.
7.18).


Рис. 7.18. Форма создания нового типа инфоблока
В поле Значения свойств хранятся менять ничего не надо, если вы не уверены в необходимости смены таблицы.

Перенос сайта

ЗАМЕЧАНИЕ

Вы должны быть уверены, что веб-сервер обладает достаточными правами для создания и записи файлов на хостинге.
Если скрипт обнаружил на сервере дистрибутивы 1С-Битрикс: Управление сайтом, то на странице появится уведомление об этом.
¦ В поле Лицензионный ключ выберите версию, которую хотите установить.

ЗАМЕЧАНИЕ

Установка коммерческой версии без лицензионного ключа невозможна. Установка демо-версии возможна как с демонстрационным ключом, полученным на сайте компании 1С-Битрикс, так и вообще без ключа.
¦ В поле Редакция дистрибутива выберите нужную редакцию. Снимать флажок с Автоматически запустить распаковку после загрузки не стоит. Если вы это сделаете, то вам потом самостоятельно придется распаковывать архив.
Функция Загружать по шагам с шагом: предназначена для гарантированной загрузки.
¦ Щелкните по кнопке Загрузить. Начнется процесс загрузки.
После того как распакованный дистрибутив окажется в корневой папке удаленного веб-сервера, можно будет приступать к установке 1С-Битрикс: Управление сайтом на удаленном сервере. Этот процесс несколько отличается от локальной установки.
Частично он проще: нет установки Битрикс: Веб-окружение. Однако Мастер установки несколько длиннее: семь шагов вместо двух.

Установка на удаленный сервер

Рис. 5.4. Лицензионный договор


Рис. 5.5. Третий шаг Мастера: ввод ключа
В этом шаге система проверит веб-сервер на соответствие необходимым минимальным техническим требованиям. Если сервер не соответствует требованиям, установка продолжена не будет.
При этом появится выделенное красным цветом сообщение о невозможности дальнейшей инсталляции. Может сложиться ситуация, при которой сервер соответствует требованиям в целом, но не соответствует рекомендуемым. Такое несоответствие не запретит установку, но лучше после инсталляции привести все в соответствие с рекомендациями (рис.
5.6). Чаще всего это происходит при необходимости поддержки UTF-8.
Щелкните ПО кнопке [ Далее |.
стера.
Откроется следующий диалог Ма-
В этом шаге производится настройка базы данных. Для версии Стандарт предусмотрена только одна возможность: база MySQL. Для
ее настройки заполните поля, показанные на рис. 5.7. Большую часть данных должна сообщить вам служба поддержки хостинга.
Она заводит и сервер, и вас как пользователя, и вашу базу данных.
¦ Заполните поля:
- Сервер;
- Пользователь;
- Имя пользователя;
- Пароль;
- База данных;
- Имя базы данных.
Параметр Рекомендуется Текущее значение Обработка htaccess Включена Включена Доступное место на диске сайта не менее 20 Mb 12873.4 Mb Рекомендуемые установки РНР: - доступная память не менее 12 Mb, рекомендуется не менее 32 Mb 16 Mb - позволить загрузку файлов (file_uploads) Включено Включено - показывать ошибки (dispiay_errors) Включено Включено Рекомендуемые модули РНР: - Zlib Conrmression Установлен Установлен - Библиотека GD (Ф?нкци и
для оаботы с графикой) Установлен Установлен - Free Т?ое Library Установлен Установлен Для установки продукта в кодировке UTF-S - Multibvte Strina Установлен Не установлен - mbstring func overload 2 Не установлен - mbstring.internai_encoding UTF-8 Не установлен Зеленым цветом выделены значения, которые удовлетворяют требованиям системы
Красным цветом выделены значения, которые не удовлетворяют требованиям системы Рис. 5.6. Рекомендованные параметры не соответствуют
Все эти данные вы должны были получить от службы поддержки своего хостинга.


Рис. 5.7. Указываем параметры базы данных
¦ Выберите тип таблиц базы данных.

ЗАМЕЧАНИЕ

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


Рис. 5.8. Настройка прав доступа к файлам
¦ Если права по умолчанию не соответствуют тем, что сообщила вам служба поддержки хостинга, измените их.
Щелкните по кнопке шагу.
. Система перейдет к следующему
Этот шаг автоматический и выполняется системой без вашего участия. Создается база данных, процесс создания вы можете отследить по полосе прогресса. После завершения создания базы инсталлятор 1С-Битрикс: Управление сайтом автоматически переходит к следующему шагу.
Открывается форма для создания пользователя с правами администратора (рис. 5.9).
Эта форма вам уже знакома по установке системы на локальный компьютер.


Рис. 5.9. Создаем администратора сайта
¦ Заполните обязательные поля формы:
- Логин не менее трех символов на латинице;
- Пароль не менее шести символов на латинице;
- Подтверждение пароля повторите пароль;
- E-mail адрес электронной почты администратора;
- При желании введите имя и фамилию администратора.
¦ Щелкните по кнопке [ Далее ]. Система перейдет к следующему
шагу Мастеру создания сайта.
Этот Мастер полностью аналогичен тому, что мы описывали при установке программы на локальный компьютер. Поэтому не будем повторять его описание.

Перенос сайта

Собственно переноса сайта на начальном этапе делать не нужно. Лучше сразу создать сайт на сервере.
Локально создаются только шаблоны, а всю структуру и наполнение контентом проекта выгоднее делать непосредственно на веб-сервере.
Поэтому общий порядок действий по переносу сайта таков:
¦ Создайте шаблон дизайна проекта.
¦ При необходимости создайте дополнительные шаблоны.
При создании шаблонов не создавайте развитой структуры и не наполняйте сайт контентом. Это лучше сделать уже на веб-сервере.
¦ Произведите резервное копирование сайта, как было описано в главе 3.
¦ Скачайте файл архива на локальный компьютер, как было описано в главе 3.
¦ Загрузите файл с копией на удаленный сервер.
В этом же разделе (Резервное копирование) надо скачать скрипт для восстановления.
¦ Щелкните по ссылке Скачать (рис. 5.10).


Рис. 5.10. Скачиваем скрипт восстановления
Загрузится файл restore_export.php.
¦ Поместите этот файл в папку www на удаленном сервере.
¦ В адресной строке браузера наберите ваш сайт/гез1оге_ехрог1. php. Откроется страница с формой авторизации.
¦ Авторизуйтесь, и браузер сразу начнет загрузку другого файла re-store.php, выполняющего непосредственное восстановление сайта.
¦ В адресной строке браузера наберите ваш сайт/res1ore.php. Откроется страница с первым шагом восстановления сайта.
¦ В поле Choose the language смените язык с английского (En) на русский (Ru) (рис. 5.11).


Рис. 5.11. Первый шаг Мастера восстановления
¦ В поле Имя архива укажите имя файла с архивом. Напомним, что файл должен лежать в корневой папке удаленного веб-сервера.
В этом случае его имя определится автоматически.
¦ Выберите параметры для шага выполнения. Напомним, что это время не должно быть больше, чем время, определенное для выполнения скриптов на удаленном сервере.
¦ Щелкните по кнопке Распаковать. Начнется процесс распаковки.
Итак, ваш сайт распакован, и вы можете приступать к его наполнению прямо на сервере.

Резюме

Сайт размещен на веб-сервере, и вы можете приступать к его наполнению. Напоследок еще раз заметим, что хостинг это одна из самых больших проблем любого сайта.
Если у вас возникают ошибки при работе с удаленным сервером, обращайтесь в службу поддержки самого хостинга и компании 1С-Битрикс.

Глава 6ОСНОВЫ АДМИНИСТРИРОВАНИЯ

Дизайн сайта задан, сайт загружен на сервер. Следующая задача наполнение контентом.
Однако крайне редко наполнение контентом и поддержание актуальной информации на сайте выполняет один и тот же человек. Как правило, сайт создает один, а редактируют другие.
Редактированием вообще могут заниматься разные люди: один добавлением статей, другой новостями компании, третий модерацией форумов и блогов. Все это называется администрированием.
Его основы мы и изучим в этой главе.
1С-Битрикс: Управление сайтом производит управление правами доступа пользователей к различным страницам и разделам сайта с помощью создания групп пользователей с разными правами. Настраивая эти права, администратор может организовать совместную работу нескольких сотрудников организации над содержимым сайта, при необходимости запрещая кому-нибудь доступ к сайту или некоторым его разделам.

Учебный курс

Приведенная в этой главе информация основа основ администрирования, пошаговая инструкция по созданию групп пользователей. Ее достаточно для администрирования небольших проектов с несложной структурой управления.
Если ваш проект развивается, то очень скоро вы вырастите из детских штанишек и вам понадобятся более серьезные знания об управлении пользователями в рамках 1С-Битрикс: Управление сайтом. Для получения этих знаний изучите учебный курс Администрирование системы (BX-ADM002) на сайте 1С-Битрикс.

Создание групп пользователей

Одним из основных, принципиальных моментов в философии программы 1С-Битрикс: Управление сайтом является разделение прав пользователей. Самыми большими правами пользуется администратор. На данный момент это вы.
Вы можете на сайте абсолютно все, но ежедневным наполнением сайта контентом обычно занимаются менее квалифицированные специалисты контент-менеджеры или редакторы сайта. В таком случае для каждого из них лучше создать отдельного пользователя с ограниченными правами, чтобы они случайно не наломали дров и можно было бы отследить действия каждого при создании документов. Так же можно поступить и в отношении модераторов форумов и блогов, предоставив им права на редактирование тем и сообщений пользователей и отрезав доступ к другим разделам.
Для этого необходимо создать определенные группы с правами.

Создание группы

Созданием групп с ограниченными по сравнению с администратором правами мы сейчас и займемся.
¦ Перейдите в раздел Настройки ^ Пользователи ^ Группы пользователей. Вы увидите несколько созданных по умолчанию групп, которые были предусмотрены создателями CMS (рис.
6.1). Нам необходимо добавить группу пользователей Редакторы сайта и задать им права.
¦ Выполните команду Добавить группу на контекстной панели. Откроется форма создания новой группы (рис.
6.2) на закладке Параметры. Здесь определяются основные параметры создаваемой группы .
¦ Заполните поля:
- Порядок сортировки чем ниже номер, тем выше в списке расположена группа;
- Наименование имя группы;
- Символьный индикатор латинское название группы, которым будет оперировать система при работе;
- Описание произвольное текстовое описание группы.


Рис. 6.2. Создание новой группы
Под этими полями расположен список Пользователи группы. Число пользователей у нас пока небольшое: всего один.
И это вы администратор. Сколько бы групп вы ни создавали, этот список никогда не будет пустым. В нем всегда будет как минимум один пользователь администратор.
При наличии нескольких пользователей с правами администратора они будут отображаться в этом списке. Мы к нему еще вернемся, когда будем задавать срок полномочий пользователя. А пока:
¦ Перейдите на закладку Безопасность.
Не рекомендуем вам бездумно менять параметры этой закладки даже в целях эксперимента, особенно на действующем сайте, так как она определяет политику безопасности для текущей группы. Для вас могут быть полезны только поля Время жизни сессии и Максимальное количество компьютеров, на которых может быть одновременно запомнена авторизация. Про первое поле мы рассказывали в главе 3. Поле Максимальное количество компьютеров, на которых может быть одновременно запомнена авторизация, имеет смысл, если ваш редактор сайта может работать одновременно на нескольких компьютерах.
Скажем, по роду своей деятельности в организации ему приходится ходить по помещениям и работать с разных машин. В этом случае можно либо уменьшить время жизни сессии, либо добавить число компьютеров в указанном поле.
Но первое предпочтительнее с точки зрения безопасности.
¦ Перейдите на закладку Доступ.
Здесь можно задать права доступа к модулям системы. Допустим, вам необходимо, чтобы редактор сайта не имел возможности управлять блогами и форумами, так как для этого предусматривается создание отдельных администраторов. Запретим доступ созданной группе на управление, оставив за редакторами право на чтение, создание блогов (как обычным пользователям) и просмотр административной части (вдруг из редактора вырастет администратор?).
Делается это с помощью задания прав доступа.

ПРИМЕЧАНИЕ

Уровни доступа определенный комплекс функций, доступный для выполнения пользователем. Они предназначены для создания системы управления пользователями.
Уровни доступа определяются администратором, могут быть созданы и изменены. Они обладают свойством наследования, то есть если для текущего раздела/ страницы явно не задан уровень прав, устанавливается право, которое задано для вышележащего раздела.
¦ В поле Управление структурой выберите уровень доступа Только к доступным папкам.
¦ В поле Блоги щелкните по кнопке [?]. Появится раскрывающийся список.
¦ В этом списке выберите уровень доступа [R] просмотр административной части.
¦ Повторите последнее действие для модуля Форумы. Только статус [R] имеет там несколько иной комментарий.
Теперь пользователь группы Редактор сайта сможет редактировать содержание сайта в рамках папок, которые ему будут доступны, просматривать административную часть форумов и блогов, но не сможет модерировать их. При этом за ним сохранится право читать и создавать свои блоги и темы в форумах.

ЗАМЕЧАНИЕ

Если вас не устраивают уровни доступа, имеющиеся по умолчанию, то можете их отредактировать (или создать новые) в разделе Настройки ^ Пользователи ^ Уровни доступа. Детально тема создания прав доступа рассматриваться в этом издании не будет.

Настройка прав доступа

Согласно нашим настройкам, группа Редакторы сайта имеет уровень доступа только к доступным файлам и папкам. Но сами эти папки не заданы.
Значит, сейчас надо задать файлы и папки, к которым будут иметь доступ пользователи этой группы. Назначение прав доступа возможно двумя способами: через панель управления и через публичную часть в закладках Редактирование и Разработка. В этой главе мы рассмотрим пример задания прав через панель управления.
В следующей главе будет рассмотрен пример задания прав через публичную часть.
Разница между этими способами заключается в том, что первичное задание прав доступа более удобно через административную часть при создании групп пользователей, а управление доступами через публичную часть более удобно в текущем, рабочем состоянии. Поэтому и пример с ограничением прав доступа через публичную часть будет рассмотрен в следующей главе, в контексте наполнения сайта содержимым.
¦ Перейдите в раздел Панель управления.
¦ Выполните команду Контент ^ Структура сайта ^ Файлы и папки.
На данный момент группа Редакторы сайта должна обладать правом доступа на чтение всех разделов сайта, то есть пользователи смогут просматривать страницы сайта, но не смогут их редактировать. Проверим это.
На данный момент мы находимся в корневой папке сайта и, соответственно, все права будут делегироваться на нижележащие папки.
¦ Щелкните по кнопке Свойства папки на контекстной панели. Откроется форма Свойства папки в закладке Свойства каталога.
Нам эта закладка в данном случае не нужна.
¦ Перейдите на закладку Доступ (рис. 6.3).

ЗАМЕЧАНИЕ

Если установлено право доступа Наследовать[...], то реальное право доступа определяется полем Все группы, для которых уровень доступа Наследовать. То есть по умолчанию для всех групп (кроме администратора сайта, который может все) установлено только право на чтение.


Рис. 6.3. Проверяем права группы
Всего по умолчанию предусмотрено шесть групп прав:
- Запрещен доступ пользователей к данной папке или файлу закрыт.
- Чтение пользователям разрешено просматривать информацию файла или папки.
- Запись пользователи могут создавать, изменять и удалять файлы.
- Полный доступ пользователям разрешается не только изменять файлы, но и управлять правами доступа других пользователей.
- Наследовать для выбранных файлов или папок будут назначены те же права, что и для вышележащей папки.
- Документооборот пользователям разрешена работа с файлами в документообороте.
Нам нужно, чтобы пользователи данной группы имели доступ только к разделам сайта с содержанием. Покажем, как это сделать, на примере раздела Клуб, которому в нашей структуре папок соответствует папка Club.
¦ Перейдите в раздел Контент ^ Структура сайта ^ Файлы и папки ^ Club.
¦ Щелкните по кнопке Свойства папки на контекстной панели. Откроется форма Свойства папки на закладке Свойства каталога.
¦ Перейдите на закладку Доступ.
¦ В группе Редакторы сайта выберите группу прав Запись.
¦ Сохраните внесенные изменения.
Теперь редакторам сайта доступно создание, изменение и удаление файлов в этой папке.
Для массового задания прав к каждой из папок не нужно открывать каждую из них, как мы это делали в первый раз. Пример с папкой Club приводился, чтобы вы поняли принцип.
Для массового задания прав все можно сделать быстрее.
¦ Перейдите в раздел Контент ^ Структура сайта ^ Файлы и папки.
¦ Отметьте флажками все папки, к которым хотите задать доступ для данной группы пользователей.
¦ На панели действий выберите команду Доступ (рис. 6.4).
Щелкните по кнопке п
прав на доступ (рис. 6.5).
Откроется форма Установка
Обратите внимание: в этой форме показан список папок, к которым задаются права. В колонке Текущее право отображаются папки, к которым уже заданы права, отличные от прав по умолчанию.
¦ Назначьте группе пользователей Редакторы сайта право Запись.
¦ Сохраните внесенные изменения.


Рис. 6.4. Выбор папок для массового задания прав
Права на доступ
Установка прав на доступ
Изменение прав доступа на файлы/папки: Club
communication
content
eq up merit
matefishing
news
Итак, вы задали все права на нужные папки группе Редакторы сайта. Внешне для редакторов сайта эти права отобразятся в наличии кнопок Изменить и Создать в закладках публичного раздела сайта на тех разделах, где они имеют права на доступ.

Права на нижележащие папки

Уже отмечалось, что права доступа наследуются. То есть, задав право, скажем, на чтение одной папки, вы создаете права на чтение всех нижележащих папок. Об этом надо помнить.
Если вам нужно задать отдельные права для какой-либо папки, отличающиеся от прав, заданных для вышележащей, необходимо отдельно открыть свойства данной папки и изменить права. Как правило, такая операция требуется при оперативной работе с сайтом, поэтому эти действия проще реализовывать из публичной части через кнопку Доступ на административной панели.

Права на папку bitrix/admin

Для всех тех пользователей, кто хоть что-то должен изменять в административной части сайта, должен иметься доступ на чтение папки Контент ^ Структура сайта ^ bitrix/admin.

Платежные системы

Рассмотрим изменение привязки на примере службы Почта России .
¦ Перейдите на страницу Магазин ^ Настройки магазина ^ Службы доставки ^ Автоматизированные. Откроется список служб.
¦ Откройте для редактирования службу Почта России. Появится форма редактирования параметров службы доставки (рис.
16.5).
¦ Установите флажок Использовать индивидуальные настройки для различных сайтов. Активируется поле Выберите сайт.
¦ В этом поле в раскрывающемся списке выберите сайт Inet_mag.
¦ Сохраните внесенные изменения.
¦ Повторите действия по изменению привязки для автоматизированных служб, которые вы планируете использовать в своей деятельности.

Рис. 16.5. Форма настройки параметров службы доставки
Теперь можно переходить к настраиваемым службам доставки.
Настраиваемые службы доставки это службы, стоимостью услуг которых вы можете управлять: курьеры самого интернет-магазина или внешние по отношению к магазину службы внутригородской доставки.
¦ Перейдите на страницу Магазин ^ Настройки магазина ^ Службы доставки ^ Настраиваемые. Откроется список имеющихся служб.
¦ Выберите любую из имеющихся служб доставки и откройте ее для редактирования.
¦ В раскрывающемся списке поля Сайт выберите сайт Inet_mag.
¦ Проверьте установку флажка в поле Активна.
¦ Сохраните внесенные изменения.
¦ Повторите действия по изменению привязки для всех остальных настраиваемых служб доставки.

Платежные системы

Платежные системы из демо-данных мы использовать не можем. Это связано с тем, что при перепривязке платежной системы могут возникнуть проблемы с невыполненными заказами в работающем магазине.
Поэтому в системе отключена возможность изменения привязки платежной системы к сайту. Нам придется заново создать платежную систему.
¦ Перейдите на страницу Магазин ^ Настройки магазина ^ Платежные системы. Откроется список имеющихся платежных систем.
¦ Щелкните по кнопке Добавить платежную систему на контекстной панели. Появится раскрывающийся список сайтов (рис.
16.6).


Рис. 16.6. Выбор сайта при создании платежной системы
¦ Выберите сайт Inet_mag. На закладке Платежная система откроется форма создания платежной системы для этого сайта (рис.
16.7).

ЗАМЕЧАНИЕ

Остальные закладки будут соответствовать заданным вами типам плательщиков. По умолчанию в системе задано два типа: физическое лицо и юридическое лицо.
Если вы создадите дополнительных плательщиков, появятся дополнительные закладки.
Сайт будет уже указан. Заполните остальные поля закладки:
- Валюта выберите валюту для расчетов;
- Название введите название платежной системы;
- Активность если система должна быть активна сразу после создания, установите данный флажок;
- Сортировка введите индекс сортировки;
- Описание введите описание системы.
¦ Перейдите на закладку Физическое лицо (рис. 16.8).


Рис. 16.7. Создание платежной системы

ЗАМЕЧАНИЕ

Закладки для всех типов плательщиков одинаковы, поэтому мы рассмотрим одну из них. Остальные заполните по аналогии.


Рис. 16.8. Обработчик для типа плательщика
¦ Введите название системы для данного типа плательщика.
¦ Выберите обработчик для платежной системы в раскрывающемся списке одноименного поля.
Интеграция интернет-магазина с платежными системами осуществляется через обработчиков платежных систем. Эти файлы создаются индивидуально для каждой платежной системы и вызываются непосредственно после оформления заказа, а также при выборе клиентом функции повторения платежа в персональном разделе. В дистрибутиве по умолчанию имеются все необходимые, на взгляд создателей 1С-Бит-рикс: Управление сайтом, обработчики, которые могут понадобиться владельцам магазинов.
Если вы не нашли нужный вам обработчик, создайте его самостоятельно, пользуясь документацией к CMS.
¦ При необходимости определите, где должен открываться обработчик: если он должен открываться в новом окне браузера, установите флажок Открывать в новом окне.
¦ В поле Кодировка укажите кодировку, в которой работает сайт платежной системы, например UTF-8.

ЗАМЕЧАНИЕ

Кодировка платежной системы указывается в документации, которую вы получите от службы поддержки выбранной системы вместе с параметрами доступа к ней. В случае с наличными (cash) в это поле можно ничего не вводить, так как обработчик работает на стороне вашего магазина.
¦ Повторите четыре последних действия для каждой из закладок формы .
¦ Сохраните внесенные изменения.
Итак, основные настройки произведены. Если мы теперь перейдем на страницу Интернет-магазин, то увидим, что сама страница наполнена ознакомительным текстом, а в меню появились ссылки на стандартные разделы дистрибутива (рис.
16.9).
Оставим ознакомительный текст без изменений, а вот с меню надо что-то делать оно не для нашего магазина.

ЗАМЕЧАНИЕ

Впрочем, вы можете попрактиковаться, самостоятельно заменив ознакомительный текст осмысленным описанием интернет-магазина. Все равно вам придется это делать, осуществляя собственный проект.
¦ Перейдите в режим Редактирование и откройте форму редактирования пунктов меню.
Так как мы рассматриваем простой вариант магазина, то оставим без внимания разделы Платный контент, Аффилиаты и Каталог из 1С:Предприятие. Просто не будем обращать на них внимания.
¦ Измените пункт меню Каталог книг на Каталог, а ссылку на каталог с рыболовными принадлежностями, созданный нами в предыдущей главе.
¦ Сохраните внесенные изменения.

Свойства заказа

Свойства заказа это значения, которые должны быть указаны клиентом интернет-магазина при оформлении заказа. Они различаются по типам плательщиков: свойства заказов для физических и юридических лиц.
Свойства заказа можно собирать в группы для облегчения их зрительного восприятия.
Все имеющиеся группы можно увидеть на странице Магазин ^ Настройки магазина ^ Свойства заказа ^ Группы свойств. Щелчком по кнопке Новая группа на контекстной панели можно вызвать форму создания новой группы.
Форма очень проста, и ее заполнение не должно вызвать у вас трудностей, поэтому описание создания группы мы опустим.
По умолчанию в дистрибутиве предусмотрен минимально необходимый набор свойств заказа. Вполне вероятна ситуация, при которой вам потребуется дополнительное свойство заказа. Пример такого свойства привести несложно: в крупных городах, где есть метро, доставку курьером производить легче, если заказчик укажет, на какой станции метро лучше выходить курьеру.
Вот и создадим свойство заказа Станция метро.

Создание свойства

¦ Перейдите на страницу Магазин ^ Настройки магазина ^ Свойства заказа ^ Список свойств. Откроется список всех имеющихся свойств заказа.
¦ На контекстной панели активируйте опцию Новое свойство и в раскрывающемся списке выберите Физическое лицо (рис. 16.10).
Новое свойство будет создано для типа плательщика Физическое лицо.


Рис. 16.10. Создание свойства для типа плательщика Физическое лицо
Откроется форма создания нового свойства (рис. 16.11).
Рассмотрим поля формы, которые необходимо заполнить.
¦ В поле Название введите Станция метро.
¦ В поле Тип выберите MULTISELECT.
¦ Сохраните внесенные изменения. Форма закроется, а свойство появится в общем списке.


Рис. 16.11. Создание нового свойства заказа
Мы не заполнили все поля формы, поскольку нам нужно задать свойства типа. После выбора значения MULTISELECT перезагрузки формы не происходит, поэтому мы сохранили свойство и теперь откроем его заново для редактирования.
¦ Откройте для редактирования только что созданное свойство Станция метро.
Под всеми полями появится группа Значения списка. Продолжим заполнение полей.
Поле Обязательное активировать не будем. Так как предполагается, что покупатели будут не только из Москвы.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

Если вы создаете другое свойство и для него нет группы, то к созданию группы можно перейти по ссылке Группы свойств.
Поля Размер 1 и Размер 2 определяют размеры используемых полей. К их выбору надо подходить с учетом дизайна сайта.
Поэтому рекомендаций мы давать не будем, а просто укажем, что если значения в этих полях не заданы, то система будет использовать значения по умолчанию.
¦ В поле Описание свойства введите комментарий к свойству.
Нижележащие поля мы использовать не будем. К ним даны исчерпывающие комментарии, чтобы вы при необходимости воспользовались ими самостоятельно.
Нам осталось только заполнить поля Значения списка (рис. 16.12).
Обязательными являются только поля Код и Название.
¦ Введите в поле Название имя станции метрополитена.
¦ Введите код для каждой станции. Код может быть произвольным, но обязательно должен быть введен на латинице.
¦ Повторите два последних действия для каждой станции метро. Для добавления полей воспользуйтесь кнопкой Еще.
¦ Сохраните внесенные изменения. Форма закроется, а система вернется к списку свойств.


Рис. 16.12. Заполняем значения списка
Теперь при создании заказа будет отображаться новое свойство
Станции метро.

Создание заказа

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

Заказ на физическое лицо

¦ Перейдите в раздел Каталог, а в нем в любой из разделов, имеющий товар. В нашем случае это будет раздел Приманки ^ Вращающаяся блесна.
Под описанием товара вы увидите цену товара и две ссылки: Купить и В корзину. Разница между этими ссылками заключается в том, что при щелчке по ссылке Купить вы добавляете товар в корзину и сразу же переходите в нее, а при щелчке по ссылке В корзину просто откладываете товар и продолжаете просмотр каталога.
Для нас важно рассмотреть работу магазина, а не действия пользователей, поэтому ограничимся одним товаром.
¦ Щелкните по ссылке Купить. Товар добавится в корзину, и система сразу перейдет в ваш Персональный раздел на страницу Корзина (рис.
16.13).


Рис. 16.13. Товар в корзине
Операции по формированию заказа (изменение количества, удаление позиций заказа) мы проводить не будем это пользовательские действия. Они интуитивно понятны из интерфейса.
¦ Щелкните по кнопке Оформить заказ. Система перейдет к процедуре оформления заказа.
¦ Выберите Тип плательщика (в нашем случае Щелкните по кнопке ¦ Просмотрите все данные о заказе, при необходимости введите в поле Дополнительная информация нужное сообщение для администратора и щелкните по кнопке Подтвердить заказ.

ЗАМЕЧАНИЕ

На всех этапах создания заказа вы можете вернуться к любому шагу назад по ссылке в цепочке оформления заказа (рис. 16.14).


Рис. 16.14. Подтверждение заказа
После подтверждения заказа система перейдет в ваш Персональный раздел на страницу Заказы (рис. 16.15). Один заказ (для физического лица) мы создали. Создадим второй заказ, на этот раз для юридического лица.
Так как оплата товара в этом случае должна быть списана со счета компании, то этот счет надо еще завести.

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

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

ЗАМЕЧАНИЕ

При описании процесса создания сайта в главе 6 нами были созданы пользователи. Используйте их для создания пользователя юридического лица.
¦ Перейдите на страницу Магазин ^ Счета покупателей ^ Счета. Откроется список счетов пользователей.
¦ Щелкните по кнопке Добавить счет на контекстной панели. Откроется форма создания счета (рис.
16.16).


Рис. 16.16. Создание счета пользователя
¦ В строке Пользователь щелкните по кнопке Q Откроется окно выбора пользователя.
¦ Выберите в этом окне нужного пользователя и дважды щелкните по нему.
¦ В поле Сумма на счете введите переведенную вам авансом сумму и выберите нужную валюту.
¦ В полях Заметки и Основание для изменения суммы на счете введите информацию, сопровождающую счет: пояснения, замечания.
¦ Сохраните внесенные изменения. Вновь созданный счет отобразится в общем списке.
Теперь можно создать заказ с оплатой со счета.

Заказ на юридическое лицо

Зайдите в систему под именем пользователя, которого вы выбрали в качестве юридического лица.
¦ Перейдите в Каталог и закажите любой товар, как делали выше, щелчком по ссылке Купить. Система перейдет в корзину.
Повторим все шаги процедуры заказа, но уже для юридического лица.
Щелкните по кнопке Оформить заказ. Система перейдет к процедуре оформления заказа.
¦ Зайдите в систему администратором и перейдите в раздел Магазин ^ Заказы. Вы увидите созданные вами заказы вместе с демо-заказами.
Теперь можно приступать к выполнению заказов. Оба заказа позволяют приступить к доставке. Если магазин невелик и обслуживается одним человеком, то вопроса о первостепенности того или иного заказа обычно не возникает.
Но чем объемнее продажи и шире ассортимент, тем сложнее внутренний цикл работы магазина и тем больше людей участвуют в процессе торговли. Как работникам отслеживать состояние заказа на каждый конкретный момент?
Для решения этой задачи существует компонент Статусы.

Статусы

Статусы заказа в интернет-магазине отражают этапы, через которые заказ проходит во время обработки. По умолчанию в дистрибутиве имеется четыре статуса, созданных под самую простую логику торговли:
- N Принят. Самая первая стадия обработки заказа.
Заказ просто принят, но не оплачен.
- O В обработке. Заказ обрабатывается.
Под обработкой может подразумеваться многое: от ожидания получения денег до получения накладной на товар для выдачи со склада.
- D Отгружен. Как правило, этот статус устанавливается, пока товар доставляется клиенту.
- F Доставлен. Означает, что заказ выполнен и оплачен.
Смена статуса заказа происходит так:
¦ Перейдите на страницу Магазин ^ Заказы.
¦ Поставьте флажки в чек-боксах заказов, статус которых нужно изменить. После перезагрузки таблицы станет возможным изменение статуса (рис.
16.17).


Рис. 16.17. Изменение статуса заказа
Выберите нужный статус и сохраните внесенные изменения.
Вполне вероятно, что для работы вашего магазина имеющихся статусов не хватит. Допустим, что вам необходим статус товара, когда он оплачен, обработан бухгалтерией, но в силу некоторых причин не может быть отгружен. Например, поступает небольшими партиями с интервалом в день-два и расходится в порядке очереди поступления заказа. Для такого товара удобно иметь статус В очереди.
Создадим такой статус.
¦ Перейдите на страницу Магазин ^ Настройки магазина ^ Статусы. Откроется список имеющихся статусов.
¦ Щелкните по кнопке Новый статус на контекстной панели. Откроется форма создания статуса (рис.
16.18).
¦ Введите произвольный буквенный код на латинице.
¦ Укажите значение сортировки.
¦ Введите название статуса.
¦ Введите описание статуса.
¦ Заполните поле Название для английского интерфейса.


Рис. 16.18. Форма создания статуса
¦ Сохраните внесенные изменения. Статус создастся и появится в общем списке.
Вы, наверное, заметили, что под формами для создания статуса есть еще настройка Права на доступ, которая на данный момент не имеет настраиваемых значений, поскольку пока в нашем магазине нет ни одной группы со статусом Обработка заказов. Причем не появилась даже группа Администратор, к которой относитесь вы.
Это сделано специально. Человек, настраивающий сайт, не является продавцом или менеджером по продажам. И ему по умолчанию не даются права контроля над заказами, то есть статус Полный доступ к модулю Интернет-магазин не дает права на редактирование заказа.
Вместе с тем сотрудник, имеющий статус доступа Обработка заказов, не имеет прав настройки самого магазина. Такая вот особенность.
Чтобы в группе Права на доступ формы настройки Статусы появилась группа, выполните следующие действия:
¦ Пару пользователей (мы их создавали ранее) распределите в разные группы. Одного в администраторы магазина, другого в редакторы сайта. Если вы забыли, как это делать, обратитесь к главе 6.

ЗАМЕЧАНИЕ

Данные группы мы используем условно, только чтобы пояснить суть настроек. Лучше, конечно, создать отдельные группы пользователей, отвечающих за свой участок работы.
В реальных магазинах, как правило, администратор интернет-магазина имеет статус доступа Полный доступ, то есть может настраивать и управлять магазином, но не может работать с заказами. Аналогично и с редактором сайта, который вообще отвечает только за контент.
¦ Перейдите на страницу Настройки ^ Пользователи ^ Группы пользователей. Откроется список групп пользователей.
¦ Откройте для редактирования группу Редакторы сайта и перейдите на закладку Доступ.
¦ В поле Интернет-магазин в раскрывающемся списке поставьте уровень доступа [U] Обработка заказов.
¦ Сохраните внесенные изменения.
¦ Повторите эти действия для группы Администраторы интернет-магазина.
¦ Вернитесь на страницу Магазин ^ Настройки магазина ^ Статусы
и откройте для редактирования любой статус.
Вы увидите, что теперь в группе настроек Права на доступ появились две группы (рис. 16.19).
С помощью флажков, расставленных в этих правах, для каждого из статусов определяется, какая из групп отвечает за прием и отмену заказа, работу с ним на той или иной стадии и перевод из одного статуса в другой. Расставив флажки в правах на доступ в каждом из статусов, вы и задаете схему работы с заказом.


Рис. 16.19. Настройка прав статуса для групп

Интеграция с 1С

Система 1С-Битрикс: Управление сайтом позволяет осуществлять интеграцию с программой 1С: Предприятие 8.1, благодаря чему возможно использование существующей базы товаров для наполнения интернет-магазина.
Настройка импорта со стороны 1С-Битрикс: Управление сайтом производится на странице Магазин ^ Настройки магазина ^ Интеграция с 1С. Выполнение импорта осуществляется через интерфейс программы 1С: Предприятие 8.1.
Детально процесс настройки и собственно импорта мы рассматривать не будем в силу ограниченности объема книги. Если вам необходимо настроить обмен данными, обратитесь к документации по 1С-Битрикс: Управление сайтом.

Резюме

В этой главе была рассмотрена простейшая схема работы интернет-магазина. Реальные реализации магазинов, как правило, сильно отличаются от описанного механизма.
В рамках 1С-Битрикс: Управление сайтом можно организовать интернет-магазин практически любой сложности, только это потребует умения программировать на PHP.

ГЛОССАРИЙ

Здесь мы приводим список терминов, используемый компанией 1С-Битрикс. Расшифровка терминов дается в объеме, необходимом для решения задач по созданию тестового сайта.
Более полный список терминов с их детальной расшифровкой дается в документации к продукту.
Административная панель Основной элемент управления административной частью сайта. Становится доступной пользователям с соответствующими правами доступа Административная часть Комплекс скриптов, обеспечивающий управление системой.
Административная часть не принадлежит ни одному сайту и имеет собственный административный интерфейс.
В административной части используется дополнительная проверка прав, задаваемых в настройках соответствующего модуля Адрес IP Имя компьютера в сети, заданное по правилам протоколов TCP/IP. IP-адрес состоит из четырех октетов. Часть из них идентифицирует подсеть, в которой находится компьютер, а часть непосредственно этот компьютер в рамках соответствующей подсети Бюджет
пользователя Запись в базе данных, содержащая параметры зарегистрированного пользователя с такими обязательными полями, как:
- Логин;
- Пароль;
- E-mail,
а также ряд дополнительных полей, содержащих личную информацию о пользователе, его работе, административные заметки. Синонимами данного термина можно считать регистрация пользователя, логин пользователя, аккаунт

Разрешенные компоненты и визуальный редактор

Это папка, в которой расположен визуальный HTML-редактор. Без этого редактирование будет возможно только в текстовом режиме. Мы уже рассказывали, как обеспечить доступ группы пользователей к папке.
Повторите все описанные выше действия и обеспечьте группе Редакторы сайта право на чтение этой папки.

Разрешенные компоненты и визуальный редактор

Нам осталось еще кое-что настроить в правах доступа. Установим открытие визуального редактора по умолчанию при редактировании страницы.
Для неквалифицированных работников из группы Редакторы сайта это удобнее текстового редактирования.
¦ Перейдите в раздел Панель управления.
¦ Перейдите в раздел Настройки ^ Настройки продукта ^ Настройки модулей ^ Управление структурой. Откроется форма Настройка параметров модуля (рис.
6.6).
На данном этапе нас волнует самая верхняя группа параметров.
¦ В поле Редактор страниц по умолчанию выберите Визуальный HTML-редактор. Теперь при щелчке по кнопке Изменить на закладках публичной части сайта всегда будет отображаться визуальный редактор.


Рис. 6.6. Выбираем редактор
Отдельно надо упомянуть о возможности ограничить доступ к определенным типам визуальных компонентов. Запрет накладывается в поле Разрешенные компоненты. Поле работает своеобразно: если в нем нет ни одного компонента, то разрешено все.
Если вы внесете в него хотя бы один компонент, то будет разрешен только он, а все остальные запрещены. То есть если вы хотите запретить доступ к единственному компоненту, в это поле нужно вносить все остальные.
Поле работает только с системными компонентами, то есть компонентами из пространства имен bitrix. Если ваш компонент размещен не в папке www\bitrix\components\... (в структуре папок на веб-сервере), то он будет проигнорирован.
¦ В поле Разрешенные компоненты введите каждое название разрешаемого компонента или маску с новой строки.
В нашем примере показана маска news.*. То есть все компоненты, попадающие под нее, будут разрешены к использованию. Для пользователей этот запрет внешне отобразится в том, что в визуальном редакторе при вызове панели Компоненты 2.0 будут видны только компоненты
Новости.
В этой же группе параметров есть еще одна интересная функция: Не отображать раздел Файлы и папки в меню Структура сайта. После создания сайта вы можете отключить отображение структуры физических папок в административном разделе. Это может быть полезно по двум соображениям:
- Если у какой-то группы пользователей есть широкие права администрирования, которые в принципе могут привести к негативным последствиям в случае неграмотных действий.
- Если вы, квалифицированный администратор сайта, в отъезде, отпуске и т. д., полезно скрыть физическую структуру от греха подальше.
- Чтобы редакторы не пребывали в недоумении, почему одна и та же страница (раздел) отображается дважды: в рамках физической и логической структуры, пусть работают только с логической структурой.
¦ Сохраните внесенные изменения.

Доступ к динамической информации

Страница сайта формируется из динамической и статической информации. Статическая информация это то, что введено в ручном режиме в визуальном редакторе. Динамическая информация это то, что выводится из информационных блоков, каталога, веб-форм и других компонентов, формирующих свои выходные данные.
Каждый из таких элементов системы относится к определенному административному модулю. Если у группы пользователей нет доступа к тому или иному модулю, то они и не смогут редактировать информацию данного модуля.
Допустим, созданная группа Редакторы сайта должна заниматься редактированием статей. Значит, ей нужно обеспечить доступ к инфо-блоку Статьи.
Права доступа групп пользователей к инфоблокам настраиваются в модуле Информационные блоки отдельно для каждого информационного блока.
¦ Перейдите в раздел Контент ^ Информ. блоки ^ Типы информ. блоков ^ Статьи. Откроется список инфоблоков данного типа.
¦ Выберите нужный инфоблок и с помощью колонки действий вызовите для редактирования форму изменения свойств инфоблока.
¦ Перейдите к закладке Доступ.
¦ В группе Редакторы сайта во всплывающем окне выберите Изменение.

ЗАМЕЧАНИЕ

Уровни доступа в этом окне расположены по мере возрастания прав сверху вниз.

ЗАМЕЧАНИЕ

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

Ограниченный доступ к детальной информации

В 1С-Битрикс: Управление сайтом есть возможность настроить доступ к некоторым инфоблокам таким образом, чтобы все пользователи могли просматривать список элементов, но только определенные группы могли читать детальную информацию. Поясним это на примере.
¦ Перейдите в раздел Редактирование.
¦ Откройте для редактирования любую страницу.
¦ Вызовите панель Компоненты 2.0.
¦ Откройте раздел Контент ^ Новости.
¦ Разместите на этой странице компонент Новости.
¦ Вызовите панель Свойства.
¦ Щелкните по ярлыку. Откроются свойства компонента Новости.
¦ Найдите группу команд Дополнительные настройки.
¦ Поставьте флажок Использовать дополнительное ограничение доступа. Откроется дополнительное окно Группы пользователей, имеющие доступ к детальной информации (рис.
6.7).


Рис. 6.7. Задаем расширенный доступ для некоторых групп
¦ В этом окне выберите группы пользователей, которым должен быть обеспечен доступ к детальной информации. Для выбора нескольких групп используйте кнопку CTRL. При применении этого метода пользователь с недостаточным уровнем прав с публичной стороны сайта увидит уведомление о том, что ему не разрешен показ этой информации.
Внесенные изменения можно не сохранять, мы добавляли этот компонент только для того, чтобы пояснить возможность ограничения доступа.

Создание пользователя

Теперь нам надо создать пользователей для группы Редакторы сайта.
¦ Перейдите в раздел Настройки ^ Пользователи ^ Список пользователей.
¦ Выполните команду Добавить пользователя на контекстной панели. Откроется форма добавления пользователя (рис.
6.8).
¦ Заполните поля:
- Имя, Фамилия, Отчество данные, которые будут отображаться на сайте после авторизации пользователя. Их лучше использовать так, как это принято, без ников и псевдонимов.


Рис. 6.8. Создание нового пользователя
- E-Mail адрес электронной почты пользователя.
- Логин имя пользователя для системы, для авторизации.
- Новый пароль введите пароль.
- Подтверждение пароля подтвердите пароль.
- Сайт по умолчанию сайт, к которому приписан данный пользователь. При наличии нескольких сайтов в системе не забывайте указывать этот параметр.
- Оповестить пользователя. При установке флага пользователю уходит сообщение о его регистрации.
Удобно, если человека, для которого создается бюджет, нет рядом с администратором в момент создания пользователя.
В форме создания пользователя большое число закладок. Для нас в данном случае имеет значение только одна Группы.
Все остальные пользователь сможет заполнить сам, когда перейдет в свой профайл.

ЗАМЕЧАНИЕ

Заполнение форм с большим числом закладок (любых, а не только в этом примере) возможно не только перелистыванием закладок, но и другим способом. Посмотрите на рис.
6.8. В правом верхнем углу вы увидите маленький треугольник. Если вы щелкнете по нему, то все закладки станут неактивными, а их поля отобразятся в одной, первой закладке.
Повторный щелчок по этому треугольнику вернет все на свои места.
¦ Перейдите на закладку Группы (рис. 6.9).


Рис. 6.9. Присоединяем пользователя к группе
¦ Поставьте флажок в поле Редакторы сайта. Теперь добавленный пользователь имеет доступ к административной части на правах редактора сайта.
Щелкните по кнопке Сохре
. Пользователь создастся, система
вернется к списку пользователей.
Итак, вы создали пользователей, которым даны права только на редактирование контента и которые не могут ничего сломать в самой системе. Можно регистрировать контент-менеджером хоть блондинку для добавления информации на сайт ее квалификации вполне достаточно.
Правее поля Редакторы сайта есть группа полей Период активности. Если эти поля не заполнены, то права считаются присвоенными на все время существования пользователя.
С помощью данной функции можно задать время, когда пользователь будет активным. Если вы хотите дать определенные права пользователю только на какой-то конкретный срок, этот инструмент как раз для вас.
Предположим, что ваш штатный редактор сайта уходит в отпуск. Вам надо заменить его одним из пользователей.
¦ Откройте для редактирования параметры пользователя, которого хотите назначить редактором сайта на время отпуска основного.
¦ Перейдите в закладку Группы.
¦ Поставьте флажок у группы Редакторы сайта.
¦ Щелкните по кнопке ^ правее поля с. Откроется календарь (рис. 6.10).


Рис. 6.10. Выставляем дату
Выберите нужную дату.
Повторите это действие для поля по.
Щелкните по кнопке Сохранить
Выбранный вами пользователь может выполнять обязанности редактора сайта, права у него для этого есть.
Абсолютно аналогично вы можете создать группу Модераторы и дать им право на модерирование форумов сайта. Попробуйте сделать это просто ради тренировки.
Теперь уже редактор сайта может выполнять работу по наполнению сайта контентом.

Резюме

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

Глава 7СОЗДАНИЕ И ИЗМЕНЕНИЕ СТРУКТУРЫ САЙТА. НАПОЛНЕНИЕ КОНТЕНТОМ

Шаблон сайта создан, создана группа Редакторы сайта, созданы пользователи этой группы. Теперь нам надо наполнить сайт контентом, а также понять, как редактировать содержание. Данная глава будет полезна не только создателям сайта. Ее желательно изучить и тем, кто будет выполнять ежедневную работу с содержимым сайта, так как здесь описаны все типовые задачи, связанные с добавлением и изменением контента.
Сначала научимся изменять свойства раздела или страницы.

Свойства раздела и страницы

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


Рис. 7.1. Меню кнопки Изменить
Свойства раздела это свойства, которые будут автоматически транслироваться на все подразделы и страницы данного раздела. Пользоваться данным способом назначения свойств удобнее всего.
При необходимости вы сможете отредактировать свойства любой отдельно взятой страницы, подправив ее параметры под конкретную ситуацию.

ЗАМЕЧАНИЕ

Любое действие с кнопок административной панели относится к открытой на данный момент странице или разделу. Если вы хотите изменить свойства какого-либо конкретного раздела (страницы), нужно в публичной части перейти именно на этот раздел (страницу).
Если вы находитесь на главной странице сайта, то редактирование свойств раздела означает редактирование свойств страниц и разделов всего сайта.
Для начала отредактируем свойства раздела именно на главной странице, то есть зададим свойства для всего сайта сразу. Чтобы отредактировать стандартные параметры раздела:
¦ Перейдите на главную страницу сайта.
¦ Выполните команду Изменить ^ Свойства раздела. Откроется диалог Свойства раздела (рис.
7.2).


Рис. 7.2. Диалог Свойства раздела
¦ В поле Заголовок введите Клуб любителей рыбалки.
¦ В поле Описание введите Сайт общественной организации.
¦ В поле Ключевые слова введите набор ключевых слов, по которым поисковая машина должна будет индексировать данную страницу (раздел), скажем, рыбалка, общественная организация, клуб.

ЗАМЕЧАНИЕ

При создании сайта надо внимательно подходить к набору ключевых слов. Именно по ним поисковые машины будут выдавать вашу страницу в общем списке результатов. По подбору ключевых слов лучше всего проконсультироваться со специалистами по оптимизации (SEO). При добавлении ключевых слов удобнее всего идти по структуре вглубь.
В главном разделе добавить общие ключевые слова, в разделах первого уровня более частные, в разделах второго уровня еще более частные, а на конкретной странице слова, относящиеся только к этой странице.
¦ В поле Дополнительный заголовок страницы поставьте Клуб любителей рыбалки. Этот дополнительный заголовок будет отображаться в верхней панели окна браузера. При изменении свойств конкретной страницы вы будете подставлять через дефис название страницы.
Например: Главная Клуб любителей рыбалки.
Остальные поля оставьте без изменений, по мере необходимости мы
к ним еще вернемся.
¦ Сохраните внесенные изменения.
Внешне изменятся два момента:
- В верхней панели браузера отобразится название раздела.
- В цепочке навигации отобразится Клуб любителей рыбалки вместо стоявшего ранее Главная.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

В дальнейшем мы не будем так подробно описывать изменение свойств раздела, а будем просто говорить: Отредактируйте свойства раздела, а вы будете выполнять описанные выше действия по отношению к разделу, о котором идет речь.
Теперь подправим свойства главной страницы сайта.
¦ Выполните команду Изменить ^ Свойства страницы. Откроется диалог Свойства страницы.
Поля диалогов свойств страницы и раздела практически идентичны, за исключением одного поля.
Вы можете подправить все свойства страницы, если сочтете нужным. Мы изменим только пару свойств.
¦ В поле Дополнительный заголовок страницы добавьте к стоящему тексту Главная . Теперь в верхней панели браузера будет отображаться текст Главная Клуб любителей рыбалки, что соответствует реальной странице.
¦ В поле Теги страницы введите слова, которые имеют отношение к данной странице и будут использоваться при формировании облака тегов на данном сайте. Для главной страницы это могут быть слова главная, индекс, клуб.
Облако тегов (Облако меток, англ. tag cloud) визуальное представление списка ярлыков (ключевых слов). Частота упоминаний отображается на специальной странице (части страницы) в виде изображения этих слов в разном размере шрифта в формате гиперссылок.
Чем выше релевантность данного слова (термина, имени), тем больше размер изображения.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

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

Визуальные компоненты

Определение визуальных компонентов мы давали в главе 4. Теперь расскажем о компонентах, которые входят в состав редакции Малый бизнес. Все компоненты редакции представлены в визуальном редакторе в нескольких группах:
- Контент группа компонентов, реализующих функцию управления контентом сайта.
- Сервисы группа компонентов по управлению сервисами сайта (опросы, рассылки).
- Общение группа компонентов по управлению форумами и блогами.
- Служебные группа компонентов, включающая в себя компоненты управления сайтом (меню, авторизация и др.).
- Мои компоненты пользовательские компоненты.
Все компоненты реализованы по технологии шаблонов, как и сам сайт. То есть код компонента отделен от его визуального представления, которое может быть самым разным в зависимости от места применения на страницах сайта.
Иначе говоря, вы можете задать разные виды представления, например новостей, на главной странице сайта и на внутренних страницах.
Мы уже описывали процесс копирования шаблонов компонента, их изменения и применения. Именно этот механизм и создает возможность многовариантного представления одной и той же информации в разных местах сайта.
Перейдем к непосредственному наполнению сайта контентом. И начнем наполнение сайта с создания его структуры.

Структура сайта

При составлении технического задания к сайту вы должны были обдумать структуру в полном объеме. Так что мы считаем, что она уже продумана, и вы знаете, сколько и какие разделы должны быть на сайте. Чтобы создавать разделы, необязательно пользоваться панелью управления и работать с сайтом как с файловой системой. Работу со структурой сайта можно вести полностью из публичной части.
И делается это через работу с основным меню.
Предположим, что структура тестового сайта должна быть такой:
- Главная титульная страница сайта.
- О клубе рассказ о клубе, его деятельности, координаты.
- Новости новости проекта и клуба.
- Общение общение членов клуба и посетителей сайта.
- О рыбалке информационные материалы по теме рыбалки и всего, что с ней связано.
- Фотогалерея фотогалерея на тему рыбалки.
- Снаряжение статьи о рыболовном снаряжении, информация о том, где его можно купить.
- Блоги раздел Блоги, вынесенный из раздела Общение на титульную страницу.
Часть этих разделов может использовать папки, созданные для демо-сайта в дистрибутиве 1С-Битрикс: Управление сайтом, часть папок нам придется создавать заново.

Создание пункта меню с имеющимся разделом в демо-сайте

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

ЗАМЕЧАНИЕ

Создание новых меню доступно только из раздела Разработка. Будьте внимательны: если вы находитесь в разделе Редактирование, в котором не создано свое меню, то по команде Редактировать пункты меню вы будете редактировать основное меню сайта.
¦ Вызовите команду Редактировать пункты меню из контекстного меню компонента Меню. Откроется диалог Редактирование меню.
Создадим раздел Общение. Для этого раздела на демо-сайте есть папка /communication.
¦ Щелкните по кнопке [ вставить пункт]. В диалоге появится новая незаполненная строка (рис.
7.3).


Рис. 7.3. Диалог Редактирование меню
¦ Щелкните по кнопке в новой строке в колонке Название. Активируется поле для ввода названия.
¦ Введите в это поле слово Общение.
¦ Щелкните по кнопке ? в этой же строке. Откроется диалог Открыть файл (рис.
7.4).


Рис. 7.4. Диалог выбора папки для раздела
¦ В этом диалоге выберите папку /communication.

ЗАМЕЧАНИЕ

Диалог выбора папки устроен так, что нужно просто щелкнуть по нужной папке в левой панели диалога, и ее имя появится в верхнем поле. Этого достаточно для выбора папки в качестве раздела сайта. Если вы хотите выбрать файл, то надо будет обратиться еще и к правой панели с именем файла, например index.php. Если вы создаете ссылку из меню не на отдельный файл, а на раздел, можно указывать только папку.
Однако если в выбранной папке нет вложенных папок, указание файла обязательно.
¦ Щелкните по кнопке Открыть |. Диалог Открыть файл закроется, в строке нового раздела диалога Редактирование меню пропишется путь до выбранной папки.
¦ Повторите шесть последних действий для создания раздела Блоги.

ЗАМЕЧАНИЕ

Раздел Блоги вынесен у нас в основное меню из раздела Общение. Поэтому при создании пункта меню достаточно использовать уже существующую папку /communication/blog и выбрать в ней файл index.php.
¦ Сохраните внесенные изменения.
Диалог закроется, после обновления страницы вы увидите обновленное меню с новыми созданными пунктами. Теперь нам надо создать разделы для остальных пунктов меню.

Создание пункта меню и раздела для него

Создание раздела, папки для него, индексного файла раздела и пункта меню происходит с помощью кнопки Создать на административной панели (рис. 7.5).
¦ Выполните команду Создать ^ Раздел. Откроется Мастер создания нового раздела (рис.
7.6).
Создадим раздел Снаряжение. Его нет на демо-сайте.
¦ В поле Имя папки введите equipment. Это поле должно быть заполнено только латиницей.
¦ В поле Заголовок раздела введите название раздела, которое должно отображаться в меню сайта: Снаряжение.


Рис. 7.5. Меню кнопки Создать


Рис. 7.6. Первый шаг Мастера
Флажки с остальных полей не снимайте. Снятие этих флажков необходимо только в том случае, если создается просто папка в структуре сайта, без выноса ее в меню.
Если снят флажок Добавить пункт в меню, то работа Мастера завершится на этом шаге.
Щелкните по кнопке ра (рис. 7.7).
Откроется следующий шаг Масте-
Далее
На этом шаге выбирается меню, в котором создается раздел. Так как мы создаем базовое меню, то не меняем тип меню по умолчанию.
Не меняем и порядок в поле Вставить перед пунктом, так после создания всех пунктов будет проще сразу изменить их порядок. Откроется следующий шаг Масте-


Рис. 7.7. Второй шаг Мастера


Рис. 7.8. Последний шаг Мастера
Здесь меняются настройки свойств раздела. Поскольку мы уже установили свойства для всего сайта в целом, нам осталось только подкорректировать их под конкретный раздел.
¦ В поле Описание измените текст на, скажем, Описание рыболовного снаряжения.
¦ В поле Ключевые слова допишите ключевые слова дополнительными терминами, скажем, удочка, спиннинг, мормышка и др.
¦ В поле Дополнительный заголовок страницы перед стоящей надписью добавьте Снаряжение . Остальные поля оставьте без изменения.
¦ Щелкните по кнопке Готово . Мастер завершит свою работу. Откроется визуальный редактор для редактирования страницы.
Пока мы не будем заниматься непосредственным добавлением контента на страницу, поэтому:
¦ Добавьте в поле визуального редактора простой текст: Тестовая страница, отдел Снаряжение.
¦ Сохраните внесенные изменения.
Добавится новый пункт меню, откроется индексная страница вновь созданного раздела, а на панели браузера отобразится название раздела: Снаряжение Клуб любителей рыбалки.
Нам осталось только добавить все оставшиеся разделы согласно техническому заданию.
¦ Добавьте оставшиеся разделы с использованием имеющихся или созданием новых разделов.

ЗАМЕЧАНИЕ

Не забывайте после каждого создания раздела возвращаться на главную страницу.

ЗАМЕЧАНИЕ

Далее мы не будем подробно описывать процесс создания ссылок в меню, а будем просто говорить: Создайте пункты меню.

Изменение порядка структуры

Структура главного меню создана. Но нам нужно расположить пункты в порядке, заданном в ТЗ.
Сделать это несложно.
¦ Вызовите функцию Редактировать пункты меню из контекстного меню компонента Меню. Откроется диалог Редактирование меню (рис.
7.9).

Режим визуального редактирования

!-- #End_Auth --.

ЗАМЕЧАНИЕ

Лучше не просто вырежьте код, а перенесите его в текстовый файл.
¦ Перейдите в режим визуального редактирования.
¦ Вызовите панель Компоненты 2.0, щелкнув по кнопке внизу визуального редактора. Откроется панель со списком доступных компонентов.
¦ Откройте группу компонентов Служебные ^ Пользователь.
¦ Перенесите иконку Форма авторизации на место, где находился HTML-код авторизации (рис. 4.13) (между метками !-- #Begin_ Auth --и!-- #End_Auth --).
¦ Вызовите панель Свойства.
¦ В группе параметров Дополнительно в поле Страница регистрации
введите /auth/ (ссылка на папку компонента авторизации).
¦ В этой же группе параметров в поле Страница профиля введите /personal/profile/ (ссылка на персональный раздел).
¦ Сохраните изменения.
Если теперь перейти в раздел Просмотр и завершить сессию, а потом авторизоваться опять, то вы увидите, что форма авторизации работает, но ее вид не соответствует дизайну. Более того, окно регистрации не открывается в отдельном окне, как планировалось.
¦ Перейдите в раздел Разработка.
¦ Вызовите функцию Редактировать параметры компонента из меню компонента Авторизация. Откроется диалог свойств компонента (рис.
4.14).


Рис. 4.14. Настраиваем свойства компонента
¦ В поле Шаблон компонента выберите шаблон auth.
¦ Сохраните внесенные изменения.
Теперь при завершении сессии и повторной авторизации вы увидите, что всплывающее окно открывается, а вид формы компонента изменился. Тем не менее ни вид ссылок для регистрации и авторизации, ни окно авторизации совершенно не соответствуют утвержденному дизайну (рис.
4.15).


Рис. 4.15. Слева как должно быть, справа как есть
Какие расхождения мы видим?
- Не соответствует порядок ссылок: сначала Войти, потом Регистрация вместо обратного, как в дизайне.
- Само слово Войти не соответствует утвержденному Вход.
- Не соответствуют шрифты и их форматирование в надписях.
- Не соответствуют картинки.
Кроме того, всплывающее окно авторизации тоже не вписывается в дизайн.
Изменение шаблона компонента
Займемся подгонкой шаблона компонента под дизайн.

ЗАМЕЧАНИЕ

Если у вас включено кеширование компонентов, то возможна ситуация, когда после внесения изменений в шаблоны компонента или его файл стилей вы не заметите этих изменений. Дело в этом самом кешировании, которое показывает не реальный вид, а кешированный от предыдущих сессий.
В этом случае надо просто обновить кеш компонента, воспользовавшись кнопкой Обновить на административной панели.
Оговоримся, что не все неточности дизайна нам удастся исправить на данном уровне подготовки. Порядок ссылок невозможно изменить, не модифицируя PHP-код самого компонента.
Это требует определенного уровня подготовки, и мы этим заниматься не будем. Если для вас важен порядок слов, используйте вариант авторизации HTML.
На наш взгляд, это не настолько существенное отклонение от дизайна, чтобы отказаться от компонента.
Существует еще один момент в шаблоне компонента, который мы не сможем поменять простым путем уже в силу ограничений в версии Стандарт. Для замены слова Войти словом Вход необходим Модуль локализации. А он, к сожалению, есть только в версии Бизнес.
Но всегда есть обходные пути. Мы воспользуемся одним из них.
Дело в том, что любая программа это файлы, которые где-то лежат и которые можно изменить. Значит, нам надо найти файл, где задается надпись Войти, и поменять ее на Вход.
¦ Перейдите в раздел Панель управления.
¦ Перейдите в раздел Контент ^ Структура сайта ^ Файлы и папки /bitrix/templates/test/components/bitrix/system.auth.form/auth/ lang/ru/.

ЗАМЕЧАНИЕ

Внимательный взгляд заметит определенную логику расположения информации в файлах компонента. Вот она: system.auth.form/ auth/lang/ru/.
Эта структура типична для всех компонентов системы: имя_компонента/применяемый_шаблон/языковая_папка/конкрет-ный_язык. В папке конкретного языка расположены все описания полей, используемые в этом шаблоне.
Так можно поменять тексты в любом компоненте.
В этой папке есть файл template.php.
¦ В колонке действий для строки этого файла выберите Редактировать как PHP. Откроется форма редактирования файла (рис.
4.16).


Рис. 4.16. Изменяем надпись
В самой первой строке мы видим слово Войти, которое прописано для параметра auth_login_button. Именно это слово и выводится в форме авторизации.
¦ Замените Войти словом Вход.

ЗАМЕЧАНИЕ

При утверждении шаблона дизайна очень трудно предусмотреть все возможные моменты. Например, в нашем случае мы заменяем слово Войти словом Вход, но в утвержденном дизайне ничего не говорится про то, как выглядит страница у авторизованного посетителя.
А у авторизованного посетителя будет видно слово Выйти. Логично заменить его словом Выход по аналогии со словом Вход, хотя на это нет прямого указания в дизайне.
¦ Сохраните внесенные изменения.
Итак, мы адаптировали текст модуля к требованиям дизайна. Теперь займемся внешним видом.
¦ Вызовите функцию Редактировать шаблон компонента из меню компонента Авторизация. Откроется диалог с PHP-кодом шаблона компонента.

ЗАМЕЧАНИЕ

Мы уже упоминали о предпочтительном порядке работы над дизайном сайта. В этом списке редактирование шаблона стоит на самом последнем месте. Однако к данному способу приходится иногда прибегать.
Если вы редактируете шаблон, то ни в коем случае не редактируйте системные шаблоны, расположенные в папке /bitrix/components/bitrix. Копируйте либо сами компоненты, как это сделали мы, либо шаблоны компонентов, как мы будем делать ниже.
Нам нужно заменить картинки. Работа упрощается тем, что в тестовом дизайне использована одна картинка на все три позиции.
Если бы картинки были разные, нам бы пришлось повторять описываемую ниже операцию несколько раз, меняя названия картинок.
¦ Откройте файл с сохраненным HTML-кодом авторизации.
Имя картинки в этом коде punkt_top.gif. Эта картинка после загрузки на тестовый сайт расположена в папке /bitrix/templates/test/ images.
Значит, путь до картинок в рамках системы будет такой: /bitrix/ templates/test/images/punkt_top.gif.
¦ В диалоге с кодом шаблона найдите ссылки на картинки, используемые в шаблоне. Так как в теги картинки включен PHP-код и найти их не так просто, мы приведем ссылки на картинки полностью:
- Первая и вторая: img src=?=$templateFolder?/images/ login.gif width=10 height=11 border=0 alt=
- Третья: input type=image src=?=$templateFolder?/images/ login.gif alt=?=GetMessage(AUTH_LOGOUT_BUTTON)?

ЗАМЕЧАНИЕ

Теги расположены почти в самом низу шаблона.
¦ Замените в шаблоне пути до всех картинок указанным выше адресом картинки. У вас должно получиться:
- Первая и вторая: img src=?=$templateFolder?/bitrix/ templates/test/images/punkt top.gif width=10 height=11 border=0 alt=
- Третья: input type=image src=?=$templateFolder?/ bitrix/templates/test/images/punkt top.gif alt=?=GetMessage(AUTH_LOGOUT_BUTTON)?
Если вы знакомы с HTML, то должны обратить внимание на то, что размеры картинок (исходных в шаблоне и из нашего дизайна) не совпадают. В шаблоне используются картинки с параметрами width=10 и height=11 в одном случае, width=8 и height=11 в другом и вообще без указания размеров в третьем.
А в исходном дизайне width=4 и height=4.
¦ В шаблоне компонента замените параметры размеров правильными, то есть в тегах width и height поставьте 4.
¦ В третьем случае нужно установить параметры width=4 и height=4 перед параметром alt.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 3.
Завершите сессию и авторизуйтесь заново. Вы увидите, что картинки заменены.
Теперь займемся шрифтами.
¦ Перейдите в раздел Разработка.
¦ Вызовите функцию Редактировать шаблон компонента из меню компонента Авторизация. Откроется диалог с PHP-кодом шаблона компонента.
Просматривая шаблон компонента, мы увидим, что за оформление всплывающего окна отвечает стиль login-form-window: код этого окна расположен в теге div id=login-form-window /div. А на надписях Вход и Регистрация стиль не задан. Следовательно, нам надо задать стиль для этих надписей, а стиль login-form-window изменить так, чтобы он соответствовал дизайну. Начнем со всплывающего окна авторизации.
Что нас в нем не устраивает? Фон, отличающийся от фона сайта.
Кому-то еще может показаться, что не соответствует размер окна и т. п. Эти вопросы дело вкуса, и их изменение мы оставляем на ваше усмотрение.
¦ Вызовите функцию Редактировать CSS-файл шаблона из меню компонента Авторизация. Откроется диалог с файлом CSS шаблона компонента (рис.
4.17).


Рис. 4.17. Задан единственный стиль
¦ Откройте исходные коды тестового сайта.
При внимательном просмотре вы увидите, что дизайнер задал фон таблиц в цвете #dedee2, а границы в цвете #bfbfbf. Например, ячейка:
td class=br bgcolor=#DEDEE2 bordercolor=#bfbfbf
/td
Воспользуемся этими же цветами и мы.
¦ Замените цвет в строке background:#F5F5ED; цветом background: #DEDEE2;.
¦ Замените цвет в строке border: 1px solid #000; цветом border:1px solid #bfbfbf;.
¦ Сохраните внесенные изменения.
Завершите сессию и авторизуйтесь заново. Вы увидите, что вид окна изменился и стал соответствовать общей цветовой гамме сайта.
Теперь нужно изменить вид надписей Вход и Регистрация. Сделать это можно разными способами.
Но мы снова воспользуемся файлом стилей. Пусть стиль, отвечающий за оформление этих надписей, называется login-info. Соответственно, стиль активной ссылки будет #login-info а.

ЗАМЕЧАНИЕ

Стиль может называться как угодно, главное, чтобы название было на латинице. Индекс а говорит о том, чем активная ссылка будет отличаться от обычной.
¦ Перейдите в раздел Разработка.
¦ Вызовите функцию Редактировать шаблон компонента из меню компонента Авторизация. Откроется диалог с PHP-кодом шаблона компонента.
Установим теги для стиля login-info. Установить эти теги придется два раза, так как HTML-код не должен пересекаться с PHP-кодом.
¦ Установите тег div id=login-info первый раз сразу за тегом /div, закрывающим предыдущий стиль login-form-window.
¦ Установите тег /div, закрывающий использование стиля перед PHP-кодом ?else:?.
¦ Установите тег div id=login-info второй раз сразу за тегом ?else:?.
¦ Установите тег /div, закрывающий использование стиля, перед завершающим PHP-кодом ?endif?.
¦ Сохраните внесенные изменения.
Мы прописали место, где должны будут использоваться стили для шрифта. Теперь надо создать сами шрифты.
¦ Вызовите функцию Редактировать CSS-файл шаблона из меню компонента Авторизация. Откроется диалог с файлом CSS шаблона компонента.
¦ Добавьте в файл стилей строки:
#login-info {color:#3B3B3B; font-size:70%; font-weight:bold;} #login-info a {color: #666666;}
Параметры стилей частично найдены опытным путем (font-size:70%), так как они не указаны в исходных стилях, либо (цвет шрифтов и форматирование bold) взяты из исходного кода. Необходимость использования для форматирования шрифта параметра font-weight:bold подсказывает тег b в исходном коде.
¦ Сохраните внесенные изменения.
Завершите сеанс и авторизуйтесь вновь. Вы увидите, что надписи изменили шрифт, размер и цвет.
Теперь они почти полностью соответствуют утвержденному дизайну.

ЗАМЕЧАНИЕ

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

Меню сайта

Меню бывают разные: горизонтальные и вертикальные, левые и правые, верхние и нижние. Чаще всего встречаются левые вертикальные меню и верхние горизонтальные. В нашем дизайне встречаются три вида меню:
- левое вертикальное, классическое;
- нижнее горизонтальное;
- верхнее горизонтальное частичное.
Работу начнем с левого вертикального меню.
Левое меню
Левое вертикальное меню есть практически в каждом сайте. Оно удобно, привычно, и мы не видим смысла отказываться от него. Реализовать меню в HTML-кодах возможно, но крайне трудоемко при развитой структуре сайта.
При работе с компонентом в рамках CMS 1С-Битрикс: Управление сайтом можно быстро и удобно редактировать меню, причем не силами разработчика, а силами малоквалифицированных редакторов.
¦ Откройте для редактирования шаблон сайта.
Сначала нужно определить часть HTML-кода, отвечающего за один элемент меню. Поскольку вы, как предполагается, владеете азами HTML, то в своем проекте разберетесь сами, а в нашем тестовом дизайне код, отвечающий за меню, расположен между:
!-- #Begin_Left_Menu --
!-- #End_Left_Menu --
¦ Скопируйте код, имитирующий меню, в отдельный текстовый файл. Он нам понадобится.

ЗАМЕЧАНИЕ

Далее мы будем просто говорить: Удалите код. Под этим подразумевается, что вы находите код, вырезаете его из кодов шаблона и сохраняете в отдельном текстовом файле.
¦ Удалите из HTML-кода шаблона код меню.
¦ Перейдите в режим визуального редактирования.
¦ Вызовите панель Компоненты 2.0.
¦ Откройте раздел Служебные ^ Навигация.
¦ Перенесите компонент Меню на место, где располагалось старое меню. В нашем случае настройка этого компонента не требуется.
¦ Сохраните внесенные изменения.
¦ Перейдите в режим Просмотр и оцените результат.
А оценивать-то нечего: на месте меню пустое место, так как мы только установили компонент, но не создали само меню.
¦ Выполните команду Создать меню в текущем разделе из меню команд компонента Меню. Откроется форма для создания меню (рис.
4.18).


Рис. 4.18. Форма создания меню
В этой главе мы не занимаемся созданием структуры раздела и наполнением сайта контентом. Поэтому нас интересует только одна колонка Название.
Пока мы создаем меню без привязки к разделам.
¦ Щелкните по кнопке Вставить пункт. Появится поле для заполнения.
¦ Введите в это поле название пункта например, Главная.
Создавая пункты, мы можем писать абсолютно любые значения. Но для облегчения дальнейшей работы лучше сразу вводить названия разделов согласно техническому заданию сайта.
¦ Повторите два последних шага шесть раз для создания меню.
¦ Сохраните внесенные изменения.
Как и должно быть, меню появилось, но оно совершенно нам не подходит по оформлению (рис. 4.19).
Прежде чем заняться модификацией шаблона меню под наш дизайн, выполним операцию копирования шаблона компонента Меню в тестовый шаблон. Если этого не сделать, мы будем модифицировать сам системный шаблон.
¦ Перейдите в раздел Разработка.
¦ Вызовите функцию Копировать шаблон компонента из меню компонента Меню. Откроется диалог Копирование шаблона компонента (рис.
4.20).


Рис. 4.19.
Меню. Слева как должно быть, справа как есть на данный момент


Рис. 4.20. Копируем шаблон компонента
¦ Введите в поле Название нового шаблона компонента имя для нового шаблона. Пусть это будет, скажем, Fishl (название должно быть только на латинице).
¦ Выберите текущий/test в группе Копировать в шаблон сайта. Этим действием вы укажете место, где будет храниться новый шаблон.
¦ Снимите флажок с Перейти к редактированию шаблона. Остальные флажки не снимайте.
Так вы сразу примените шаблон.

ЗАМЕЧАНИЕ

В дальнейшем мы будем просто говорить: Скопируйте шаблон компонента в текущий шаблон сайта. А вы выполняйте описанные выше действия по отношению к соответствующему компоненту.
Можно было бы сразу открыть шаблон для редактирования, но мы сначала зададим стили.
Шаблон скопируется, диалог за-
Щелкните по кнопке Сохранить кроется, сайт обновится.
Внешне после обновления сайта ничего не изменится. Это естественно, так как мы просто скопировали шаблон, ничего в нем не меняя. Для системы важны уже совершенные действия.
Теперь при выводе компонента она будет обращаться не к системному шаблону, а к вашему, скопированному.
¦ Вызовите функцию Редактировать CSS-файл шаблона из меню компонента Меню. Откроется диалог Редактирование файла CSS.
В этом файле видно, что для вывода текста используется стиль left-menu. Мы пойдем по более простому пути в нашем тестовом сайте (впрочем, кто мешает вам экспериментировать?).
Переименуйте стиль ul.left-menu в просто .left-menu.
¦ Вставьте в параметры стиля left-menu следующие строки:
- font-size:80%; изменяем размер шрифта;
- coior:#6 66 66 6; изменяем цвет шрифта;
- font-weight:boid; изменяем написание шрифта;
- text-decoration:none; отменяем подчеркивание ссылок.
¦ Так как по дизайну не предусмотрены другие стили оформления (активной ссылки, посещенной ссылки, подсветки ссылки), то все остальные стили просто удалите.
¦ Сохраните внесенные изменения.
Итак, шрифт заменен и подогнан по цвету, размеру.

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 3.
Теперь надо подогнать шаблон Меню под утвержденный дизайн. Будьте внимательны: работа по изменению данного шаблона требует аккуратности!
¦ Вызовите функцию Редактировать шаблон компонента из меню компонента Меню. Откроется диалог Редактирование файла template.php.
¦ Удалите строку с указанием на стиль ul class=left-menu, так как мы его применять не будем.
¦ Откройте текстовый файл, где сохраняли вырезанный HTML-код таблицы меню оригинального дизайна.
HTML-код представляет собой таблицу с двумя строками. Вторая строка декоративная.
Сама ссылка должна формироваться в первой строке, если быть точным во второй ячейке первой строки.
Эту ячейку необходимо отредактировать:
td height=25 background=/bitrix/templates/test/ images/fot_tabl_centr.jpg img width=10 height=10 src=/bitrix/templates/ test/images/pix.gif /
b
a href=# class=text font size=2 color=#6 6 66 6 6rnaBHaf/font/a
/b
/td
¦ Найдите указанный участок кода.
¦ Удалите из этого участка теги b/b; font size=2 со1ог=#666666Главная/?опЬ.
Мы удалили параметры форматирования текста, которые теперь будут определяться не шаблоном, а стилями.
¦ Замените параметр class=text параметром class=left-menu. Так вы укажете название стиля, который должен применяться для названий разделов в меню.
Теперь нужно заменить # - символ ссылки PHP-кодом, объясняющим системе, где искать название раздела и ссылку на него.

ЗАМЕЧАНИЕ

Чтобы понимать, как построен шаблон меню, необходимо рассмотреть его структуру. В колонке слева действие.
В колонке справа обозначены теги, задающие данное действие.
Действие Код Проверка включения ?if (!defined(B PROLOG
INCLUDED) || B PROLOG
INCLUDED!==true)die();? Старт скрипта ?if (!empty($arResu1t)):? Открытие тега UL u1 c1ass = .... ненумерованный список Старт цикла поиска ?foreach ($arResu1t as
$arItem):? Вывод ссылки ?if($arItem[SELECTED]):?
Ссылка активная 1ia href=?=$arItem[LINK]?
c1ass=se1ected?=$arItem
[TEXT]?/a/1i Проверка на ?e1se:? продолжение
цикла Ссылка 1ia href=?=$arItem[LINK] неактивная ??=$arItem[TEXT]?/a
/1i Завершение вывода ?endif? ссылки Завершение цикла ?endforeach? поиска Закрытие тега UL /u1 ненумерованный список Завершение скрипта ?endif?
Теперь вы видите, как в PHP-коде шаблона отображаются ссылки. Они располагаются между тегами li, которые определяют отдельный элемент списка. Элементов списка два, так как в шаблоне предусмотрено выделение активной ссылки. В исходном дизайне такое выделение не предусмотрено.
Это значит, что мы должны объединить представление выбранной и простой ссылки в PHP-коде.
То есть вместо:
lia href=?=$arItem[LINK]? class=selected ?=$arItem[TEXT]?/a/li
?else:?
lia href=?=$arItem[LINK]??=$arItem [TEXT]?/a/li
?endif?
PHP-код, вызывающий ссылку и текст, должен стать таким:
?=$arItem[LINK]??if($arItem[SELECTED]):?
?else:??endif??=$arItem[TEXT]?
¦ Вместо # поставьте PHP-код:
?=$arItem[LINK]??if($arItem[SELECTED]):??else:
??endif??=$arItem[TEXT]?
В конечном итоге должен получиться такой код ячейки:
td height=25 background=/bitrix/templates/test/ images/fot_tabl_centr.jpg img width=10 height=10 src=/bitrix/templates/ test/images/pix.gif /
a class=left-menu href=?=$arItem[LINK]? ?if($arItem[SELECTED]):??else:?
?endif??=$arItem[TEXT]?/a
/td

ЗАМЕЧАНИЕ

Образец исходного и конечного кода есть в приложении 3.
Теперь можно переходить к переносу HTML-кодов, определяющих внешний вид строки меню. PHP-код и HTML-код не должны пересекаться между собой, а должны быть включены друг в друга. Поэтому сейчас нужно очень внимательно подходить к размещению тегов в шаблоне.
Сначала разместим теги таблицы. Так как меню должно формироваться внутри таблицы, PHP-код, запускающий цикл, также должен находиться внутри нее.
¦ Вставьте открывающий тег table width=99% cellspacing=0 cellpadding=0 border=0 перед PHP-функцией foreach, задающей цикл.

ЗАМЕЧАНИЕ

Теги в PHP начинаются с ? и заканчиваются ?. Если в книге говорится Вставьте открывающий тег... перед PHP-функцией..., это означает, что надо устанавливать тег не непосредственно перед указанной функцией, а перед открывающим ее тегом. Аналогично и в случае с закрывающими тегами.
¦ Вставьте тег /table, закрывающий таблицу, сразу за функцией endforeach, завершающей PHP-цикл. Теперь цикл формируется в рамках таблицы, заданной дизайном.
Так как мы уже интегрировали код PHP-цикла в HTML-код, осталось только вставить полученную HTML-конструкцию между тегами начала и конца PHP-цикла.

Счетчик

¦ Создайте стиль blog-author и задайте для него параметры:
font-size:80%;
color:#666666;
font-weight:bold;
text-decoration:none;
¦ Создайте стиль blog-text и задайте для него параметры:
font-size:80%;
text-decoration:none;
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Просмотр и вы увидите почти полное (если не учитывать картинки) совпадение исходного и вашего дизайна (рис. 4.27).

Рис. 4.27. Вид нового сообщения после форматирования
Однако радоваться рано. Щелкните по картинке, расположенной под текстовым анонсом.
Она должна была вести на полное сообщение автора. Но... система выдает: Сообщение не найдено.
Аналогичная ситуация возникает и при щелчке по имени автора сообщения. Должна была бы открыться страница с профилем пользователя, но система выдает сообщение: Пользователь не найден.
Почему это происходит? И что нужно сделать, чтобы все работало?
Мы в данном случае используем два компонента: комплексный многостраничный компонент и компонент вывода последних сообщений. В данный момент не произведена настройка одного из них на другой. Возможно, создателям системы проще задать параметры жесткой связки между компонентами, но в этом случае ограничиваются возможности разработчиков для тонкой настройки.
А она может понадобиться.
Произведем настройку. Для этого надо понять, какой тип имен переменных используется для сообщений и для пользователей.
¦ Откройте на сайте страницу Главная ^ Общение ^ Блоги.
¦ Перейдите в раздел Разработка.
¦ Вызовите функцию Редактировать параметры компонента из меню компонента Блоги.
¦ Найдите группу параметров Управление адресами страниц (рис. 4.28).


Рис. 4.28. Смотрим, как прописаны имена переменной
В этой группе параметров прописаны имена, которые использует комплексный компонент.
¦ В дополнительной вкладке еще раз откройте тестовый сайт.
¦ Здесь же вызовите функцию Редактировать параметры компонента из меню компонента Новые сообщения блогов.
¦ Найдите группу параметров Дополнительно.
Вы увидите, что поля в этой группе пусты. Так как в нашем случае используются только две переменные: пользователь блога и сообщение блога, нас и интересуют эти поля.
¦ Приведите в соответствие тексты в данных полях.
Фактически вам надо просто скопировать то, что написано в полях параметров компонента Блоги, и внести эти данные в аналогичные поля компонента Новые сообщения блогов.
¦ Сохраните внесенные изменения в обеих закладках.
¦ Перейдите в раздел Просмотр.
¦ Проверьте работу ссылок.
Вы убедитесь в корректной работе компонента Новые сообщения.

Счетчик

Посещаемость очень важна для любого проекта. Кому нужен сайт, который никто не читает?
Посещения страниц регистрируются счетчиками. Счетчики могут быть внешними (скажем, от Yandex), а могут быть и внутренними, системными.

ЗАМЕЧАНИЕ

Раздел этой главы про счетчик бонусный для этой книги. Счетчика нет в версии Малый бизнес на данный момент, но кто знает, может, к моменту выхода книги он уже будет включен...

ЗАМЕЧАНИЕ

Если быть точным, то системный счетчик устанавливать не надо. Он начинает работу сразу по инсталляции 1С-Битрикс: Управление сайтом на ваш компьютер, и всю информацию по посещениям вы можете посмотреть в разделе Веб-аналитика (Вебаналитика ^ Сводная статистика).
А вот вывести данные счетчика для просмотра посетителями сайта можно, только установив соответствующий компонент.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Перейдите в режим визуального редактирования.
¦ Вызовите панель Компоненты 2.0.
¦ Выполните команду Служебные ^ Статистика.
¦ Поместите компонент Таблица статистики сразу за компонентом Новые сообщения блогов в левой колонке (рис. 4.29).
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Разработка.
Под новыми сообщениями блогов появилась таблица статистики. Далее надо совершить стандартные действия по адаптации таблицы под дизайн.
¦ Скопируйте шаблон компонента. Пусть новый шаблон называется
stat_fish1.
Поскольку вид счетчика не задан дизайнером, возможностей для фантазии больше. Но оставим эти фантазии на ваше усмотрение, сами же просто подгоним дизайн таблицы под дизайн сайта по стилям и под размер левой колонки (рис.
4.30).


Рис. 4.29. Добавляем таблицу статистики


Рис. 4.30. Таблица статистики как будто здесь и жила

ЗАМЕЧАНИЕ

В случае с таблицей статистики все изменения внешнего вида можно сделать с помощью одного файла стилей.
При необходимости вы можете добавить коды внешних счетчиков под таблицей статистики.
Осталось привести в порядок только правую колонку. Ее использование можно не ограничивать фотографиями.
Мы просто удалим таблицы, имитирующие фотогалерею, и оставим верхнюю часть таблицы с фоном, чтобы при необходимости можно было использовать симметричный дизайн: таблица справа таблица слева.
¦ Перейдите в режим текстового редактирования.
¦ Удалите коды, имитирующие фотогалерею в правой таблице, расположенные между
!-- #Begin_Foto --
!-- #End_Foto --
Однако природа не терпит пустоты. Необходимо, чтобы в удаленном месте что-то появилось. Поскольку мы не можем заранее сказать, какие модули могут понадобиться в том или ином разделе, сделаем проще: установим в шаблон нечто универсальное под названием компонент Вставка включаемой области.
Включаемая область позволяет добавлять другие компоненты. Вы можете вывесить, например, Случайное фото или Опрос, Новости или Облако тегов.
¦ Скопируйте компонент main.include в папку компонентов тестового проекта.
¦ Перейдите в режим визуального редактирования.
¦ Добавьте на место удаленных кодов компонент Вставка включаемой области.
¦ В панели Свойства в поле Показывать включаемую область выберите для раздела.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Разработка.
¦ Вызовите функцию Добавить включаемую область для текущей страницы из меню компонента Включаемая область. Откроется диалог с визуальным редактором.
¦ В визуальном редакторе удалите все имеющиеся в поле данные.
Мы оставим компонент пустым и будем добавлять в него нужные компоненты для каждого раздела.
¦ Сохраните внесенные изменения.
Теперь, когда все основные работы по интеграции дизайна в систему выполнены, хорошо бы остановиться и оглянуться: а можно ли сделать что-то такое, чего нет в дизайне?

Наши дополнения

Пару таких деталей мы можем предложить для начала: баннер и лозунг. Баннер это вещь полезная, хотя и далеко не всегда приятная.
Он может выбиваться из стиля сайта, но за него платят деньги, которые идут на развитие проекта. А лозунг это способ, который может оживить проект нестандартным выражением, добавить индивидуальности каждой странице.
Баннер
Для установки баннера в 1С-Битрикс: Управление сайтом предусмотрен специальный компонент, который так и называется Баннер. К сожалению, так как баннер это давно уже обязательный элемент любого сайта, модуль Реклама, Баннер не входит в состав редакции Малый бизнес 1С-Битрикс: Управление сайтом.
Поэтому мы просто укажем это место и опишем, как добавить в него компонент Баннер, если вдруг этот модуль включат в состав редакции Малый бизнес.
Место для баннера в шаблоне предусмотрено тегами, хотя зрительно в подвале оно не видно. Ячейка баннера расположена между ячейками с копирайтом автора дизайна и логотипом клуба.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Перейдите в режим текстового редактирования.
¦ Найдите ячейку между метками !-- #Begin_banner --
!-- #End_banner --
¦ Перейдите в режим визуального редактирования.
¦ Добавьте модуль Баннер в эту ячейку.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Разработка.
Вы увидите, что на том месте, где вы назначили место баннеру, появилось меню компонента Баннер. Сам же баннер не отображается.
Пока при желании вы можете просто поставить картинку баннера на это место, чтобы понять, как будет выглядеть сайт.
При отсутствии модуля на данное место можно ставить баннер обычным способом, как это делается в HTML. Правда, вы будете лишены возможности настроек смены баннеров, выбора баннера по ключевым словам и других возможностей модуля Реклама, Баннеры.
Лозунг
Присмотритесь к верхней части дизайна. Под формой авторизации словно бы специально создано пустое место для лозунга, афоризма, какого-то высказывания на злобу дня.
Эта возможность формально в нашем дизайне не предусмотрена. Но поскольку он тестовый, то можно поэкспериментировать.
Если не понравится, уберем.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Перейдите в режим текстового редактирования.
¦ Найдите пустую строку между метками !-- #Begin_Include --
!-- #End_Include --
¦ Перейдите в режим визуального редактирования.
¦ Добавьте в ячейку этой строки компонент Вставка включаемой области.
¦ В панели Свойства в поле Показывать включаемую область выберите для страницы.
¦ Перейдите в раздел Редактирование.
¦ Вызовите функцию Добавить включаемую область для текущей страницы из меню компонента Включаемая область. Откроется диалог с визуальным редактором.
В выбранном нами месте лучше всего будут смотреться лозунги. Мы в настройках ничего не меняли, в поле Показывать включаемую область стоит параметр для страницы.
Это означает, что для каждой страницы мы сможем добавлять собственный лозунг.
¦ В визуальном редакторе удалите все имеющиеся в поле данные.
¦ Введите текст: В тихом омуте рыба водится!
¦ Сохраните внесенные изменения.
Откроется страница, и на месте компонента вы увидите появившуюся надпись. Только она будет не отформатирована. Конечно, можно выполнить форматирование средствами редактора, но представьте себе, сколько раз вам это придется делать, если для каждой страницы сайта заводить такой лозунг!
Поэтому мы освоим одну фишку в работе с визуальным редактором.
В тестовом шаблоне проекта пока существует единственный стиль для работы со шрифтами. В нем не запутаешься. Но в обширном проекте стилей может быть много.
Может возникнуть потребность в стилях, которые крайне редко применяются, но все равно необходимы. Например, как сейчас.
Основная работа по применению стиля к лозунгам будет при наполнении сайта контентом. Впоследствии он пригодится только при создании новой страницы.
Все создаваемые стили должны иметь латинские названия. Таковы правила. Но разбираться в этих названиях бывает очень трудно, если их много.
И особенно трудно тем, кто не создавал эти стили. Например, контент-менеджерам, которые будут ежедневно работать над содержанием.
Для таких пользователей желательно дать стилям осмысленные имена. Это мы и сделаем на примере стиля для лозунгов.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Перейдите в закладку Шаблоны сайта.
¦ Создайте стиль .textl с параметрами:
font-style: italic; font-size: medium; color: #666666;
¦ В нижней части закладки в группе Описания стилей в поле Имя стиля введите имя имеющегося стиля text.
¦ В поле название стиля введите обычный.
¦ Щелкните по кнопке Еще. Откроется еще одна строка в этой группе.
¦ В поле Имя стиля введите имя вновь созданного стиля textl.
¦ В поле Название стиля введите лозунги (рис. 4.31).
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Редактирование.


Рис. 4.31. Делаем названия стилей осмысленными
¦ Вызовите функцию Редактировать включаемую область для текущей страницы из меню компонента Включаемая область. Откроется диалог с визуальным редактором.
В поле Стиль панели Стиль вы увидите отображение двух стилей под вполне понятными любому названиями: обычный и лозунги. Теперь обучение работе контент-менеджера с редактором будет очень простым.
Даже блондинка поймет, что краткое меткое выражение, вынесенное наверху страницы, это лозунг, и форматировать его нужно стилем лозунги, а не неясным textl.
¦ Выделите вставленный нами текст и примените к нему стиль лозунги.
¦ Сохраните внесенные изменения.
Лозунг отформатируется (рис. 4.32).


Рис. 4.32. Лозунг на главной странице раздела новостей

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

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

Work Area и разные шаблоны

1С-Битрикс: Управление сайтом позволяет создавать и использовать несколько шаблонов для разных условий просмотра: разных групп пользователей, разделов, даже для отдельных страниц. Это очень удобно, например, при смене дизайна. Вы можете создать новый шаблон, применить его к определенному пользователю и, абсолютно не беспокоясь за работоспособность боевого сайта, экспериментировать с новым дизайном.
Мы сейчас создадим такие дополнительные шаблоны.
Все шаблоны создаются за счет того или иного размещения рабочей области Work Area в пределах шаблона сайта, включения или исключения в/из нее элементов, входящих на данный момент в Header или Footer.
Выше мы уже поясняли суть рабочей области. Теперь можно приступать к созданию разных шаблонов:
- с зоной Work Area, занимающей всю среднюю часть сайта, без левой и правой колонки;
- с левой колонкой в Header и без правой колонки;
- с левой колонкой в Header и правой колонкой в Footer.
Первый мы будем использовать для блогов и форумов, второй для статей, третий для страниц, где нужно организовать предварительный показ картинок. Третий у нас уже есть он создался после удаления текста статьи из Footer.
Логичнее всего будет последовательным удалением элементов создать два оставшихся шаблона. Детально приводить удаляемый код в данном случае мы не будем вам надо положиться на собственные знания HTML.
Для грамотного выполнения этой операции необходимо очень внимательно следить за тем, что вы модифицируете в шаблоне, и почаще пользоваться кнопкой Предпросмотр перед сохранением результатов.
Шаблоны можно создать двумя способами: простым копированием шаблона и созданием нового шаблона и добавлением в него кода из старого шаблона. Преимущество первого способа простота выполнения операции, преимущество второго то, что можно задать произвольное имя шаблона (в первом случае копия будет называться test_copy).
Второй вариант несколько сложнее, так как требует дополнительных действий по настройке.
¦ Выполните команду Настройки ^ Настройки продукта ^ Сайты ^ Шаблоны сайтов.
¦ Откройте для редактирования шаблон тестового сайта.
¦ Скопируйте весь код шаблона тестового сайта в буфер обмена операционной системы.
¦ Щелкните по кнопке Добавить шаблон на контекстной панели. Откроется форма создания нового шаблона.
¦ Вставьте код шаблона в поле Внешний вид шаблона сайта.
¦ В поле ID введите название test2.
¦ В поле Название введите test_article.
¦ В поле Описание введите Шаблон для статей.
¦ Скопируйте в шаблон стили сайта и шаблона.
Такие названия и пояснения мы сделали, чтобы не путаться в шаблонах. Если вы будете создавать довольно много шаблонов, то логически осмысленные названия и описания вам не помешают.
¦ Удалите таблицу, включающую в себя правую колонку (рис. 4.33). Метки:
!-- #Begin_right_Column --
!-- #End_right_Column --
¦ Перейдите в режим визуального редактирования.
¦ Сохраните внесенные изменения.
¦ Повторите действия по копированию и настройке шаблонов используемых компонентов.
Все, создан второй шаблон. Следующий мы создадим по первому варианту, копированием.
¦ Выполните команду Настройки ^ Настройки продукта ^ Сайты ^ Шаблоны сайтов. Откроется список шаблонов.
¦ В колонке команд в строке второго шаблона выберите команду Копировать. Система выполнит копирование, и в списке шаблонов появится шаблон под именем test_copy.
В колонке флажков, в строке шаблона test_copy поставьте флажок.


Рис. 4.33. Так должна выглядеть рабочая зона сайта во втором варианте
шаблона
Щелкните по кнопке } дактирование шаблона.
на панели действий. Станет доступно ре-
¦ В поле Название измените название на test_blogs.
¦ В поле Описание измените текст на Шаблон для раздела Блоги.
¦ Сохраните внесенные изменения.
¦ Откройте для редактирования копию шаблона.
¦ Удалите из него левую колонку (рис. 4.34). Метки:
!-- #Begin_left_Column --
!-- #End left Column --
¦ Сохраните внесенные изменения.
Число шаблонов, которые вы можете использовать на сайте, ничем не ограничено. Есть один нюанс: при создании шаблонов всегда учитывайте функционал удаляемых частей и изменяйте размещение компонентов.
Например, при создании последнего шаблона вместе с левой колонкой мы удалили и компонент Таблица статистики. Если она вам нужна на страницах, использующих этот шаблон, таблицу придется добавлять в Work Area.
:мж 1 f1 РХ\\1 а :ПІ Главная
Тестовый проект. Главная страница.
О прикорме
Споры о том, на что ловить и чем лучше прикармливать, наверное, никогда не закончатся. Одни предпочи-тают новомодные прикор-мки, изготовленные фирма-ми. специализи-рующимися на их производ-стве: другие ни за что не променяют кастрюлю с душистым варевом, над которой они колдовали не один час, словно баба-яга над зельем. Но речь не об этом.
Я не буду давать советы и рецепты, а выскажусь по поводу некоторых заблуждений. В большинстве статей пишут, что рыбу можно перекормить большим количеством прикормки. Но никто не пишет конкретных цифр - сколько много, а сколько "мало или "достаточно.
Потому что никто не знает и никогда не узнает, сколько же это много. Для одного и килограмм - уже много, а для другого и ведра кажется мало.
Но причина не в этом. Давайте на проблему посмотрим с другой стороны. ¦ Главная ¦ О клубе ¦ Новое іи - Общение ¦0|ыбалке ¦Фотогалерея - Снаряжение ¦Блоги ¦ 1
Рис. 4.34. Третий вид шаблона: Work Area во всю ширину
Применять шаблоны мы будем в следующей главе. Вот, собственно, и все.
Дизайн нашего тестового проекта внедрен в систему 1С-Бит-рикс: Управление сайтом. Можно приступать к наполнению сайта контентом.

Резюме

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

Глава 5ПЕРЕЕЗЖАЕМ НА СЕРВЕР

Итак, сайт создан и наполнен контентом. Пора выставлять его на всеобщее обозрение.
Для этого необходимо подобрать подходящий хостинг, установить на сервер коммерческую версию 1С-Битрикс: Управление сайтом и перенести на него сайт. Приобретение коммерческой версии это дело несложное. Купите коробочную версию в сети 1С или электронную версию на сайте 1С-Битрикс.
Разницы никакой, правда, в коробочной версии будут бумажные руководства (кому-то удобнее читать с листа, а не с экрана), да и дистрибутив не надо будет скачивать по Интернету.

Выбор хостинга

1С-Битрикс: Управление сайтом накладывает определенные ограничения на хостинг, связанные с требованиями к программе. На сервере должны быть установлены:
- PHP 4.3.9 и выше;
- Apache 1.3 и выше или MS IIS 5.0* и выше;
- MySQL 4.1.11 и выше.
Однако проблема хостинга не сводится только к установленному программному обеспечению. Есть еще качество поддержки и другие нюансы.
Большей части этих проблем вы сможете избежать, если ознакомитесь со списком сертифицированных хостингов, которые проверены компанией 1С-Битрикс. Список этот вы найдете на странице . Только не забудьте уточнить, какой именно тариф проверялся компанией 1С-Битрикс.
Итак, вы выбрали хостинг, заключили договор. Для установки программы потребуется получить от службы поддержки следующие данные:
- имя сервера, где будет размещена база данных;
- имя самой базы данных;
- имя и пароль пользователя базы данных;
- права на доступ к файлам и папкам.
Теперь у вас есть все необходимые данные для установки 1С-Бит-рикс: Управление сайтом на сервер хостинга.

Инсталляция на веб-сервер

Инсталлировать программу на удаленный веб-сервер можно двумя способами. Первый по FTP, второй с помощью специального скрипта BitrixSetup.

Загрузка дистрибутива по FTP

Сразу оговоримся, что не рекомендуем этот способ неопытным пользователям. Основные причины:
- Долгое время загрузки файлов.
- Возможное возникновение проблем с правами между пользователем FTP, в качестве которого вы будете закачивать файлы, и пользователем Apache, в качестве которого вы должны устанавливать продукт.

Загрузка дистрибутива с помощью BitrixSetup

Загрузка дистрибутива на удаленный сервер с помощью BitrixSetup во многом упрощает жизнь:
- Нет необходимости загружать на локальный сервер и распаковывать архив дистрибутива программы. Загрузка и распаковка производятся сразу с сервера компании 1С-Битрикс на указанный вами веб-сервер.
- Нет никакой проблемы с различием прав пользователей.
- Возможно, даже и загрузки не потребуется. Скрипт перед загрузкой проверяет наличие дистрибутивов на вашем удаленном сервере.
Если он обнаружит там дистрибутив указанной вами редакции, то просто разархивирует его в указанную вами папку.
¦ Перейдите по ссылке
id=1673092#tab-bitrixsetup-link (Вкладка BitrixSetup) на страницу
с дистрибутивами продукта.
¦ Найдите на странице табличку BitrixSetup (рис. 5.1).
Пробная версия РНР5/4
Веб-окружение
BitrixSetup
Демо-ролики
Презентации
Установка с помощью BitrixSetup
С помощью скрипта BitrixSetup можно загрузить дистрибутив пробной версии продукта с сайта непосредственно на ваш сайт., не скачивая файл на локальный компьютер. Кроме того, скрипт позволяет распаковать дистрибутив без доступа к сайту по ssh или внешними программами, BitrixSetup .php Версия 8.0.0 от 13.04.2009
Скрипт нужно скачать., загрузить в корневой каталог вашего сайта и открыть в браузере. 56 Кб Скачать Рис.
5.1. Загружаем BitrixSetup
¦ Щелкните по ссылке Скачать. Откроется диалог браузера с предложением загрузить файл.
¦ Сохраните на локальном компьютере загружаемый файл с именем
bitrix8setup.php.
¦ Загрузите сохраненный на локальном компьютере файл в корневую директорию вашего сайта на хостинге по FTP.
¦ Откройте страницу http://eam caum/bitrix8setup.php в браузере, заменив строку ваш сайт реальным адресом сайта. В браузере отобразится страница с заголовком Загрузка продукта 1С-Битрикс: Управление сайтом (рис.
5.2).

Смена обложки альбома

Мы сделаем так, что в корневом альбоме Наша рыбалка будет всего одна фотография, которая и станет обложкой альбома. Ее поместим в режиме одиночной загрузки.
Загрузка одиночной фотографии
Для загрузки изображений:
¦ Перейдите в альбом Наша рыбалка.
¦ Выполните команду Загрузить фотографии. Откроется форма для загрузки картинок.
¦ В этой форме выполните команду Загружать по одной. Откроется форма загрузки фотографий (рис.
8.15).

ЗАМЕЧАНИЕ

Число полей в форме можно изменить, задав нужное число форм от 1 до 10 (изменить число загружаемых фотографий можно в настройках параметров компонента, воспользовавшись опцией Максимальное количество файлов, отправляемых за один пост, в группе параметров Настройки фотогалереи).


Рис. 8.15. Загрузка фотографий поодиночке
¦ Укажите путь до загружаемой фотографии с помощью кнопки
I Обзор... I.
¦ В поле Название введите название картинки.
¦ В поле Загрузить фотографии в альбом выберите альбом для загрузки. В нашем случае это головной альбом Наша рыбалка.
При загрузке фотографий поодиночке доступно простейшее форматирование.
¦ В поле Отправлять фотографии в размере выберите нужный размер .
¦ Щелкните по кнопке Загрузить. Фотография загрузится и отобразится в самом альбоме и в качестве его обложки.
Теперь можно переходить к загрузке фотографий во вложенные альбомы.
Загрузка фотографий во множественном режиме
¦ Перейдите в альбом День первый.
¦ Выполните команду Загрузить фотографии. Откроется форма загрузки фотографий.

ЗАМЕЧАНИЕ

Если вы перед этим загружали фотографии в одиночном режиме, откроется форма одиночной загрузки. В этом случае надо воспользоваться командой Загрузить много.

ЗАМЕЧАНИЕ

Для операции множественной загрузки рекомендуется использовать браузер Internet Explorer. У Firefox версий ниже 3.0 могут возникнуть проблемы, выражающиеся внешне в долгой загрузке фотографий в форму предпросмотра, возможно вообще зависание браузера.
При множественном способе загрузки фотографий вы можете добавить целиком содержимое папки (кнопка Добавить папку) либо группу файлов из папки. Разница между этими способами в том, что грузить папку удобнее. Однако если вам нужны не все фото из папки, придется потом удалять часть из них. В техническом плане никакой разницы, разве что при загрузке с помощью отдельных файлов вам придется больше щелкать мышкой.
Мы выберем вариант Добавить файлы.
¦ Щелкните по кнопке Добавить файлы. Откроется стандартное системное окно для выбора файлов.
¦ Выберите нужные файлы.
¦ Выбранные файлы будут загружены в форму предпросмотра (рис. 8.16).
В форме предпросмотра в правом верхнем углу отобразится общее количество фотографий. Если случайно были загружены не те изображения, то по команде Удалить все можно сразу очистить форму.
Доступны некоторые возможности форматирования фотографий. При наведении указателя на ярлык фотографии в общем списке вы можете:
- Повернуть фотографию по и против часовой стрелки.
- Удалить фотографию (очень удобно избавляться от смысловых дублей).


Рис. 8.16. Предпросмотр перед загрузкой
¦ Произведите форматирование всех фотографий.
¦ Щелкните по фотографии. Она будет обведена оранжевой рамкой, а фото предварительного просмотра отобразится в правой панели формы.
При загрузке фотографий в качестве названия изображения по умолчанию используется имя файла. В большинстве случаев это имя просто набор букв и цифр, которые присваивает файлу цифровой фотоаппарат или сканер.
При показе фотографии на сайте лучше дать логически осмысленное название.
¦ В поле Название введите имя, под которым данная фотография будет числиться в альбоме.
¦ В поле Описание введите произвольное описание фотографии.
¦ Повторите два последних действия для всех фотографий.

ЗАМЕЧАНИЕ

Возможно пакетное переименование фотографий и пакетное же задание описаний. Для этого надо просто выделить нужные фотографии в форме предпросмотра и ввести желаемое имя и описание в соответствующих полях.
В поле Загрузить фотографии в альбом по умолчанию ставится имя альбома, из которого открыта форма, но при желании можно либо сменить альбом для загрузки, либо создать новый.
¦ В поле Отправлять фотографии в размере выберите размер фотографий, в котором они будут загружены на сайт.
Доступны следующие размеры фотографий:
- оригинал;
- 1024 х 768;
- 800 х 600;
- 640 х 480.
Для защиты фотографий предусмотрено добавление авторского знака .
¦ В поле Нанести авторский знак введите любое слово или символ. Эта защита будет добавлена на фото.
¦ С помощью трех кнопок правее выберите цвет знака, его размер и расположение на фотографии.
В большинстве случаев описанные выше шаги делают необязательной предварительную подготовку фотографий (если они не сняты профессиональной техникой и не достигают объемов десятков мегабайтов каждое).
¦ Щелкните по кнопке Загрузить. Начнется процесс загрузки (рис.
8.17). Все фотографии из формы предпросмотра будут загружены в альбом.

ЗАМЕЧАНИЕ

Вне зависимости от исходного формата добавляемых фотографий все они будут загружены в формате JPG, если используется не оригинальный размер. Если в поле Отправлять вы выбрали размер Оригинал, то файл загрузится один к одному.


Рис. 8.17. Идет загрузка файлов
В процессе загрузки каждая фотография генерируется в трех видах:
- предпросмотр минимальный размер;
- просмотр средний размер;
- оригинал максимальный размер.
Это вызывает серьезные нагрузки на вычислительные мощности локального компьютера при большом объеме фотографий. Поэтому будьте терпеливы при загрузке.
Если уж щелкнули по кнопке Загрузить, то ждите завершения операции.
¦ Выполните загрузку всех альбомов по описанному алгоритму.
Удаление картинок
Удаление картинки при необходимости производится из страницы детального просмотра.
¦ Откройте фотографию, которую хотите удалить, в детальном просмотре.
¦ Выполните команду Удалить. Система переспросит о вашем решении.
¦ Подтвердите удаление. Картинка будет удалена.

Смена обложки альбома

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


Рис. 8.18. Выбор фото для обложки
¦ Поставьте флажки у тех фотографий, которые хотите видеть в качестве обложки.

ЗАМЕЧАНИЕ

Система допускает размещение в качестве обложки нескольких фотографий. Но более четырех использовать не рекомендуется: будет плохо видно. Однако в настройках есть возможность изменить размер обложки.
В этом случае возможно и увеличение числа фотографий на ней.
¦ Щелкните по кнопке Сохранить. Форма закроется.
Изображение на обложке изменится.
Итак, все наши альбомы созданы, осталось их просмотреть.

Просмотр альбомов

¦ Перейдите в раздел сайта Фотогалерея.
¦ Завершите сеанс авторизации.
Вы, может быть, и удивитесь, но единственное, что вы увидите, это надпись Доступ запрещен. Это потому, что мы не настроили права доступа на модуль Фотогалерея 2.0.
Настройка прав доступа
¦ Авторизуйтесь заново.
¦ Перейдите на панель управления.
¦ Перейдите в раздел Контент ^ Информ. блоки ^ Типы информ.
блоков ^ Фотогалерея. Откроется форма свойств информационного блока Фотогалерея.
¦ Перейдите на закладку Доступ.
Вы увидите, что Доступ по умолчанию для всех пользователей установлен на значение Нет доступа.
Такие параметры доступа задаются автоматически при установке нового модуля. Нам нужно разрешить просмотр:
¦ В поле Для всех пользователей установите значение Чтение.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Просмотр.
¦ Завершите сеанс авторизации.
Вы увидите, что все галереи теперь видны.
Просмотр альбома в целом
Для просмотра альбома в целом перейдите в сам альбом, щелкнув по его названию. Откроется страница с предварительным просмотром всех картинок в альбоме.
Просмотр самих фотографий возможен в трех режимах:
- Детальный просмотр картинка открывается на странице самого сайта с полосой предыдущих и последующих превьюшек. Для ее открытия надо просто щелкнуть по картинке.
В этом режиме картинка заполнит ровно столько места, сколько отведено на нее дизайном сайта.
- Оригинал в отдельном окне в оригинальный размер.
- Слайд-шоу. Особый режим, открывающийся в том же окне. В режиме слайд-шоу (рис.
8.19) вы можете изменить скорость показа, остановить/запустить слайд-шоу и перелистать фотографии.


Рис. 8.19. Фото в режиме Слайд-шоу
Режим редактирования
При просмотре фотогалерей вы заметите ссылку Редактировать. При ее активации вы перейдете в упрощенный режим редактирования, который допускает массовое и одиночное удаление фотографий из галереи.
Возврат из режима редактирования в режим просмотра производится по ссылке Просмотр.

Голосование, теги и отзывы

Как и в обычной фотогалерее, в компоненте Фотогалерея 2.0 есть возможность включить голосование для оценки фотографий и отзывы. Для этого:
¦ Выполните команду Редактировать параметры компонента из меню компонента Фотогалерея 2.0.
¦ В группе параметров Дополнительные настройки поставьте флажки Разрешить голосование, Показывать теги и Разрешить отзывы.
Для отзывов можно выбрать компонент, который будет обеспечивать выполнение этих функций.
¦ Сохраните внесенные изменения.
После установки этих разрешений при загрузке фотографий появится дополнительное поле Теги.
Настройка функций Голосования, Теги и Отзывы становится доступной при снятом флажке Использовать простой режим настройки в группе Основные параметры. В противном случае используются параметры по умолчанию.
Итак, с Фотогалерей 2.0 вы в целом освоились. Возможности ее намного шире, чем рассказано нами, но все остальное вы легко освоите на основе документации по продукту.
И не забудьте изменить внешний вид данного компонента, подогнав шаблоны и файлы CSS.

Многопользовательская галерея

Единственное принципиальное отличие многопользовательской фотогалереи от компонента Фотогалерея 2.0 заключается в возможности добавления галерей любым пользователем с соответствующим разрешением, а не только администратором сайта. Все остальные отличительные моменты, которые вы обнаружите при ее изучении, вызваны именно этим фактором.
Для подключения компонента:
¦ Замените компонент Фотогалерея 2.0 компонентом Фотогалерея 2.0 (многопользовательская) на странице сайта Фотогалерея. Мы уже описывали этот процесс, поэтому повторяться не будем.
¦ Выполните команду Редактировать параметры компонента из меню компонента Фотогалерея 2.0 (многопользовательская). Откроется форма редактирования параметров компонента.
¦ В группе Основные параметры установите значения для полей Тип инфоблока и Инфоблок, аналогичные значениям компонента Фотогалерея 2.0.
¦ В этой же группе в поле Группы пользователей, которым разрешено создавать галерею выберите группу Редакторы сайта.
Теперь и редакторам сайта можно создавать галереи. Группу для добавления галерей не следует делать слишком большой. В противном случае необходимо будет использовать премодерацию изображений либо ограничить число создаваемых галерей одним пользователем.
Все остальные настройки или аналогичны уже описанным в компоненте Фотогалерея 2.0, или просты в освоении с помощью документации к продукту.

ЗАМЕЧАНИЕ

Если вы раньше пользовались компонентом Фотогалерея 2.0, а теперь переходите на многопользовательскую, то через панель управления (раздел Контент ^ Фотогалерея ^ Фото 2.0) введите символьный код для каждой из уже созданных галерей. В противном случае они не будут отображаться на страницах сайта.

Размещение одностраничных компонентов

Фотогалерея, как и многие другие компоненты, многостраничный компонент, она собрана из нескольких более простых компонентов. Каждый из них выполняет только одну функцию.
Благодаря этому можно вынести какую-то одну функцию фотогалереи на другие страницы сайта. Вынесем на первую страницу функцию показа случайного фото это оживит проект: при каждом посещении страницы пользователь будет видеть новое фото.
Оговоримся, что в тестовом дизайне использован вид компонента
Фотогалереи.
¦ Перейдите на главную страницу.
В правой колонке уже вставлена Включаемая область, она пока без содержания.
¦ Перейдите в раздел Разработка.
¦ Выполните команду Редактировать включаемую область раздела
из меню компонента Включаемая область. Откроется визуальный редактор (рис.
8.20).
¦ Введите текст Случайное фото и назначьте ему стиль Лозунги.
¦ Вызовите панель Компоненты 2.0.
¦ Откройте раздел Контент ^ Фотогалерея.
¦ Перенесите на тело страницы элемент Случайное фото.
¦ Вызовите панель Свойства.
¦ В группе Основные параметры в поле Тип инфоблока выберите Фотогалерея.
¦ В поле Инфоблок выберите Фото 2.0.
¦ Сохраните внесенные изменения.
Во включаемой области на главной странице покажется случайная фотография, которая будет меняться при каждом заходе на страницу. Однако ее вид не соответствует утвержденному дизайну.


Рис. 8.20. Добавляем одностраничный компонент
¦ Скопируйте шаблон компонента Случайное фото.
¦ Откройте его для редактирования.
¦ Откройте файл с исходным кодом и найдите в нем участок, имитирующий фотогалерею. Он расположен между метками
!-- #Begin_Foto --
!-- #End_Foto --
В этом коде для нашего примера нужен участок кода лишь с одной таблицей:
table border=0 cellspacing=0 cellpadding=10
tr
td bgcolor=#333333 align=center valign=topimg src=gall/001.jpg /tr
/table

ЗАМЕЧАНИЕ

Если вы выполняете этот этап работ с компонентом Фотогалерея, то вам понадобится полный код, расположенный между указанными метками.
¦ Замените в шаблоне компонента открывающий тег div class=photo-random открывающим тегом таблицы из приведенного выше кода.
¦ Замените в шаблоне компонента закрывающий тег /div закрывающим тегом таблицы.
¦ Установите открывающий и закрывающий теги строки таблицы внутри тегов таблицы.
¦ Установите открывающий тег ячейки таблицы td
bgcolor=#333333 align=center valign=top сразу за открывающим тегом строки.
¦ Установите закрывающий тег ячейки перед закрывающим тегом строки.
Если мы сохраним шаблон в этом состоянии, то получим название картинки внутри ячейки с фотографией. Однако по шаблону название находится вне этой рамки. Чтобы это реализовать:
¦ Добавьте еще одну строку и ячейку в ней ниже первой строки.
¦ Перенесите в эту ячейку PHP-код вызова имени картинки
a href=?=$arResult[DETAIL_PAGE_URL]??=$arRes ult[NAME]?/a
¦ Добавьте в теги ячейки параметр align=center.
¦ Задайте применяемый стиль для названия картинки.

ЗАМЕЧАНИЕ

Мы опускаем в описании момент создания самих стилей. Это вы сделаете самостоятельно.
¦ Сохраните внесенные изменения. Результат показан на рис.
8.21.
У нас не отредактирована надпись, но об этом мы уже говорили. Размер фото не соответствует ширине колонки, но этот параметр регулируется при загрузке фотографий. Так как мы не знали, какие фото вы будете использовать, то сознательно опустили этот момент.
С ним вам нужно ознакомиться в документации по продукту.


Рис. 8.21. Случайное фото до изменения шаблона и после

Резюме

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

Глава 9КАК СОЗДАТЬ РАССЫЛКУ СООБЩЕНИЙ

Рассылка сообщений по листу подписки один из широко используемых способов уведомлений подписчиков, в нашем случае членов клуба, о событиях, акциях и мероприятиях клуба и сайта. В рамках 1С-Битрикс: Управление сайтом эту задачу решает специальный модуль Рассылка. Он позволяет создавать различные тематические рассылки почтовых сообщений, например:
- новости клуба;
- пресс-релизы событий;
- сообщения об обновлениях на сайте;
- информация о новых акциях;
- анонсы публикаций;
- другие рассылки.
Создав такие рубрики рассылки, вы дадите посетителям сайта возможность самостоятельно подписаться только на интересующие их рубрики. При этом подписка на различные тематические рассылки может быть доступна как зарегистрированным, так и анонимным (то есть незарегистрированным) пользователям сайта.
Все будет зависеть только от настроек, заданных вами.
Модуль Рассылка позволяет производить отправку почтовых сообщений в ручном или автоматическом режиме (по заданному расписанию, в указанные дни и время суток).
Общий порядок действий по созданию и управлению рассылкой почтовых сообщений следующий:
- создание тематической рассылки;
- организация подписки на созданную рассылку;
- управление подписчиками;
- создание почтовых сообщений рассылки;
- отправка почтовых сообщений.
Создадим рассылку по уведомлению о новых статьях на сайте. После появления каждой новой статьи подписчикам должно уходить сообщение с ее анонсом.

Настройки модуля

Выполним первичную настройку модуля Рассылка.
¦ Перейдите в раздел Настройки ^ Настройки продукта ^ Настройки модулей ^ Подписка, рассылки. Откроется форма настройки модуля (рис.
9.1).


Рис. 9.1. Форма настройки модуля
¦ Проверьте, чтобы в поле Разрешить анонимную подписку был установлен флажок. Это поле разрешает анонимным пользователям (не зарегистрированным и не авторизованным на сайте) подписываться на рассылки сообщений.
Логично будет предложить анонимным пользователям зарегистрироваться при оформлении подписки. Для этого:
¦ Установите флажок в поле Показывать ссылки на авторизацию при анонимной подписке.
Поле Публичный раздел, где находится страница редактирования подписки не меняйте. В нем указывается путь к каталогу сайта, в котором будет находиться страница для редактирования.
Поле Использовать визуальный HTML-редактор тоже не меняйте.
В поле Интервал в секундах для пошаговой рассылки в режиме Персонально подписчику задается продолжительность одного шага рассылки (в секундах). Данный режим предполагает индивидуальную отправку сообщения каждому подписчику с указанием его адреса в поле сообщения To (Кому). Значение этого поля зависит от возможностей хостинга.
И рекомендации по этой цифре лучше получить у службы поддержки. Если вы не уверены в том, какое число здесь устанавливать, оставьте значение по умолчанию.
¦ В поле Адрес отправителя по умолчанию надо ввести адрес, используемый во всех создаваемых сообщениях по умолчанию. Можно поставить даже несуществующий адрес, но пользователи могут отвечать на получаемые сообщения, поэтому заведите специальный адрес и вставьте его в это поле.
¦ В поле Адрес получателя по умолчанию вводится адрес, который будет отображаться в поле To в письме рассылки. Задание значения данного поля необходимо для автоматической генерации и отправки сообщений, так как, чтобы сообщение было отправлено, необходимо наличие хотя бы одного адреса получателя.
Поэтому лучше завести специальный адрес, например subscribe@*****.ru.
В полях Кодировка сообщения в рассылку задается перечень допустимых таблиц кодов, используемых для отображения сообщения. Для рассылки на русском языке обязательно присутствие кодировки Win-1251.
Если у вас есть заграничные получатели, введите кодировки таблиц кодов потенциальных подписчиков.
Поля Разрешать 8-битные символы в заголовке письма и Дополнительный параметр для передачи функции mail не изменяйте. К ним вы вернетесь, если будут нарекания от подписчиков.
Уточнить значения этих полей в случае таких нареканий вам придется у службы поддержки вашего хостинга.
Перед тем как поставить флажок Отправлять картинки в виде вложений в письмо, решите, нужно ли это вам. Рассылка изображений в теле письма удобна, но чревата тем, что вас могут посчитать за спамера, вы можете слишком сильно загрузить канал связи, пользователям может быть неудобно принимать большие письма. Если вы все же хотите, чтобы изображения, помещенные в текст письма, отправлялись в виде вложений, установите флажок в данном поле.
Иначе сообщение будет содержать только ссылку для загрузки изображения при просмотре.
Каждая оформленная подписка требует подтверждения. Поле Через сколько дней удалять неподтвержденные подписки задает интервал времени (в днях), в течение которого система ждет подтверждения. По истечении этого срока подписки, не подтвержденные пользователями, будут удалены. Если значение поля равно 0, то неподтвержденные подписки удаляться не будут.
Рекомендуемое значение 30 дней.
¦ Установите нужное значение в поле Через сколько дней удалять
неподтвержденные подписки.
Поле Метод автоматической рассылки позволяет выбрать способ автоматической рассылки сообщений:
- Через опцию Агент автоматическая рассылка осуществляется внутренними средствами системы 1С-Битрикс: Управление сайтом.
- Через опцию Cron используется при установке системы на сервер под управлением ОС Unix.
Агент удобен для сайтов с не очень большой, но стабильной посещаемостью. Для крупных проектов предпочтительнее Cron.
Поле Количество писем для автоматической рассылки агентом за один запуск в режиме Персонально подписчику задает количество писем выпуска, отправляемое агентом за один запуск (ситуация, при которой для выпуска задано свойство Отправлять письмо персонально каждому получателю, описана ниже). Применяется для снижения нагрузки на почтовый сервер.
Если у вас будут частые рассылки в режиме Персонально подписчику, то рекомендуется увеличить это число.
Поле Интервал проверки необходимости генерации выпусков задает интервал времени (в секундах). С указанной периодичностью система будет проверять, следует ли начать формирование выпусков (сообщений) в соответствии с заданным расписанием.
Чем меньше интервал времени, тем чаще будет осуществляться проверка. Не меняйте это поле без необходимости ускоренной рассылки.
¦ Перейдите на закладку Доступ.
Нам нужно определиться, кто будет заниматься рассылкой, чтобы предоставить ему права на доступ к модулю. Пусть этим занимаются пользователи с уровнем прав Редактор сайта.
¦ В поле Редактор сайта выставьте значение [W] запись.
В поле По умолчанию установлено значение [D] закрыт, у всех остальных групп пользователей установлено по умолчанию. Это означает, что никто, кроме редактора сайта, не сможет создавать рассылки и управлять ими.
¦ Сохраните внесенные изменения.
Первичная настройка модуля проведена. Можно приступать к созданию рассылки.

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

Для создания рассылки:
¦ Перейдите в раздел Сервисы ^ Рассылки ^ Список рассылок.
¦ Щелкните по кнопке Добавить на контекстной панели. Откроется форма создания новой рассылки (рис.
9.2).
Поле Активна означает, что посетители сайта могут подписаться на создаваемую рассылку и выпуски рассылки отправляются подписчикам. Когда рассылка перестанет быть необходимой, можно будет не удалять ее, а просто снять этот флажок. А пока:
¦ Установите флажок в поле Активна.
Чтобы на рассылку подписывались, ее название должно быть видно пользователям. Поле Выводить в списке публичных рассылок задает отображение рассылки в публичном разделе сайта. Если вы создаете рассылку для своих, то есть для ограниченного и заранее известного

Создание фотоальбома

Перейдите в раздел Панель управления.
Перейдите в раздел Контент ^ Фотогалерея ^ Фотогалерея.
Откроется список фотогалерей, имеющихся на данный момент.
Отметьте флажками имеющиеся фотогалереи.
Щелкните по кнопке а Форма станет доступной для редактирования.
Снимите флажки в колонке Акт. каждой из галерей.
Сохраните внесенные изменения.
Можно перейти в раздел Редактирование и посмотреть результаты. Вы увидите не просто пустую страницу, а системное уведомление Раздел не найден.
Переходим к созданию самих фотоальбомов.

Создание фотоальбома

Для добавления фотоальбома можно воспользоваться как административным разделом, так и публичной частью. Сам фотоальбом мы создадим из административного раздела, а загрузку фотографий обеспечим из публичной части.
¦ Щелкните по кнопке Добавить раздел на контекстной панели. Откроется форма создания нового фотоальбома (рис.
8.3).


Рис. 8.3. Создание нового раздела фотогалереи
Поле Запись активна изменять не надо в этом случае ваш альбом не будет отображаться на сайте.
В поле Родительский раздел определяется уровень, на котором будет существовать создаваемый альбом. Так как мы создаем самый первый раздел, он будет, естественно, верхнего уровня. Ничего не меняйте в этом поле.
При создании другого раздела вы сможете выбрать только что созданный альбом Наша рыбалка в качестве родительского, построив, таким образом, древовидную структуру разделов.
¦ В поле Название введите название создаваемого раздела. Скажем,
Наша рыбалка.
¦ При необходимости загрузите изображение для фотоальбома. Оно будет отображаться рядом с названием.
¦ В поле Описание введите описание создаваемого альбома. Например,
Фоторепортаж с последней клубной рыбалки на озере Светлом.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Редактирование.
Вы увидите картину, представленную на рис. 8.4.


Рис. 8.4. Пустая фотогалерея и меню компонента
У нас появилось название созданного фотоальбома, но без самих элементов. Если вы вызовете меню компонента, то увидите команды:
- Обновить кеш компонента;
- Добавить элемент;
- Добавить раздел.
С помощью последней команды можно добавить еще один фотоальбом из публичного раздела. Об этой возможности мы уже упоминали.
Добавление элемента также можно выполнять как из административной, так и из публичной части сайта. Так как этим обычно занимаются редакторы сайта, мы рассмотрим именно работу из публичной части.

Добавление элемента

¦ Выполните команду Добавить элемент из меню компонента Фотогалерея. Откроется форма добавления элемента (рис.
8.5) на закладке Элемент.


Рис. 8.5. Форма добавления элемента
Не изменяйте поле Запись активна.
¦ Поле Период активности задает время показа элемента. Если у вас есть необходимость задать время показа картинки, заполните эти поля вручную или с помощью календаря по кнопке как делали при задании прав пользователям в главе 6.

ЗАМЕЧАНИЕ

Если поля не заполнены, картинка будет показываться все время. Если будет заполнено только первое поле, то картинка будет показываться с указанной даты до удаления.
Если будет заполнено только второе поле, изображение будет отображаться с текущего дня до указанной даты.
¦ Заполните поле Название.
¦ Перейдите на закладку Анонс.
Здесь вы сформируете отображение анонсовой картинки и текста, то есть режим показа данного изображения в общем списке картинок раздела.
¦ В поле Изображение с помощью кнопки [ Обзор... | укажите путь до загружаемой картинки анонса.

ЗАМЕЧАНИЕ

Анонсовые картинки это маленькие копии основных изображений. Их нужно подготовить заранее и не нужно делать большими.
Главное, чтобы была понятна суть изображения. Размер анонсовых картинок дело вкуса. Для нашей галереи мы выберем достаточно большие картинки. Это нужно, чтобы пояснить суть некоторых настроек компонента.
Вы тоже можете загрузить большие картинки, не менее 320 х 240 пикселей.
Под полем с путем изображения есть безымянное поле для названия анонсовой картинки.
¦ Введите в это поле название анонсовой картинки.
¦ В поле визуального редактора введите текст анонса к картинке. Он не должен быть большим одно-два предложения.
¦ Перейдите на закладку Подробно.
Здесь формируется показ основного изображения и текстового сообщения к нему.
¦ В поле Изображение с помощью кнопки [ Обзор... | укажите путь до загружаемой основной картинки.
Под полем с путем изображения есть безымянное поле для названия картинки.
¦ Введите в это поле название картинки.
¦ В поле визуального редактора введите сопровождающий текст. Здесь можно не церемониться и позволить себе большое описание.
¦ Перейдите к закладке Группы.
На этой закладке выбирается группа снимков, к которой будет приписана данная фотография.
¦ Выберите нужную группу. В нашем случае это раздел Наша рыбалка.
¦ Перейдите на закладку Дополнительно.
¦ Поле Индекс сортировки задает порядок расположения фотографии в общем списке. Если вы уже все хорошо продумали и можете сразу задать порядок картинок, введите нужный индекс сортировки.
Если вам пока не ясен общий порядок сортировки, оставьте поле без изменений после загрузки всех картинок вы сможете расставить их по порядку.
Поле Символьный код пока можно не заполнять.

ПРИМЕЧАНИЕ

Символьный код это мнемонический код информационного блока, состоящий из латинских символов. При создании нового элемента можно указать его символьный код, представляющий собой произвольный набор символов латинского алфавита, понятный создателю элемента.
Например, символьный код загружаемой фотографии может быть таким: fishing_lake. Символьный код используется для выборки информации по конкретному информационному блоку или для исключения блока из выборки.
¦ В поле Теги нужно ввести слова, характеризующие загружаемую фотографию. Эти теги будут необходимы поисковым машинам и облаку тегов на самом сайте.
Закладку Документооборот не трогайте. Она нужна при создании процесса подготовки документа к публикации в режиме документооборота, но этот модуль отсутствует в редакции Стандарт.
¦ Сохраните внесенные изменения. Фотография добавится и отобразится в общем списке фотографий фотогалереи.
¦ Загрузите по описанному алгоритму еще несколько фотографий (скажем, три).
После загрузки нескольких анонсов вы увидите картину, показанную на рис. 8.6.
Загруженные картинки раздвинули таблицу рабочей области. То же самое будет при просмотре списка всех галерей (страница сайта Главная/Контент/Фотогалерея).
Если перейти на страницу детального просмотра фотографии (просто щелкнуть по ней), то картина с разъехавшимся дизайном будет аналогична. Чтобы этого не было, необходимо настроить параметры компонента.

ЗАМЕЧАНИЕ

На вашем собственном сайте нужно будет найти компромисс между настройкой параметров компонента, размерами иконок предварительного просмотра (так называемых превьюшек) и основных фотографий.
¦ Перейдите в раздел Разработка.
¦ Выполните команду Редактировать параметры компонента из
меню компонента Фотогалерея. Откроется форма редактирования (рис.
8.7).
В этой форме нас на данный момент интересуют две группы параметров: Настройки TOP^ и Настройки списка. Первая отвечает за отображение галерей непосредственно на странице сайта Главная/Контент/Фотогалерея, а вторая на странице собственно галереи Наша рыбалка.
Настроим группу параметров Настройки ТОР’а.
¦ Чтобы фотографии анонса при загруженном размере не раздвигали рабочую область, надо уменьшить их число в поле Количество фотографий, выводимых в одной строке таблицы списка разделов. Число, которое нужно ввести в это поле, зависит от размера анон-совых фотографий.
Для используемого нами размера максимально возможное число картинок 2. Поставьте это число.
¦ Для ограничения числа строк служит поле Количество фотографий, выводимых в одной строке таблицы раздела. Если мы зададим в этом поле число 4, то при указанном выше параметре Количество фотографий, выводимых в одной строке таблицы списка разделов
получим две строки на странице. Поставьте это число.
¦ Сохраните внесенные изменения.


Рис. 8.7. Параметры компонента Фотогалерея
Если теперь вы посмотрите страницу Фотогалерея, то увидите, что дизайн вернулся к исходному состоянию: на странице в разделе отображаются четыре фотографии по две в строку.
По аналогии с описанными действиями настройте поля в группе параметров Настройки списка для правильного отображения анонсовых фотографий при просмотре конкретной фотогалереи. А вот со страницей детального просмотра все немного сложнее.

Настройка страницы детального просмотра

При заданном размере превьюшек страница детального просмотра разъезжается довольно серьезно, так как в шаблоне компонента задано пять изображений в строке. Для уменьшения (или увеличения, если надо) числа изображений в строке надо отредактировать шаблон (образец исходного и конечного кода есть в приложении 2).
¦ Скопируйте шаблон компонента Фотогалерея. Назовите его, например, 123.

ЗАМЕЧАНИЕ

Шаблон компонента детального просмотра нельзя отредактировать привычным для нас способом через кнопку меню компонента. Это делается только через административный раздел.
¦ Перейдите на панель управления.
¦ Откройте папку /bitrix/templates/test/components/bitrix/photo/123/ bitrix/photo.detail/.default.

ЗАМЕЧАНИЕ

На примере этого адреса поясним принцип структуры папок с шаблонами комплексных (многостраничных) компонентов в 1С-Бит-рикс: Управление сайтом.
- Первая часть: /bitrix/templates/test/components/ это расположение всех шаблонов компонентов для нашего тестового шаблона.
- Вторая часть: bitrix/photo/123/ это путь к папке со скопированными шаблонами комплексного компонента Фотогалерея.
- Третья часть: bitrix/photo.detail/.default путь до шаблона компонента Детальный просмотр.
По аналогичному пути вы найдете шаблоны всех остальных компонентов фотогалереи. А вот редактирование файла CSS производится обычным путем.
Сделайте это сами.
¦ Откройте для редактирования файл template.php.
Нам нужно уменьшить число отображаемых анонсов в строке страницы с пяти до двух. То есть должна остаться только одна предыдущая и одна последующая картинка.
Для этого нужно изменить диапазон ячеек в тегах и удалить теги некоторых ячеек.
¦ Измените значение параметра colspan в теге td colspan=5 align=center с 5 на 2.
¦ Поменяйте значение параметра colspan в теге th colspan=5 с 5 на 2.
¦ Удалите ячейки таблицы с кодами, ведущим к предыдущим и последующим картинкам. Для поиска этих ячеек используйте PHP-код ?if(is_array($arResult[***][1])):?.
Вместо звездочек поставьте либо NEXT (параметр следующей картинки), либо PREV (параметр предыдущей картинки).
¦ Удалите ячейку предварительного просмотра самой картинки, отображаемой детально. Ее код:
td align=center width=20%
img border=0 src=?=$arResult[PREVIEW_
PICTURE][SRC]? width=?=$arResult[PREVIEW_PICTURE]
[WIDTH]? height=?=$arResult[PREVIEW_PICTURE]
[HEIGHT]? alt=?=$arResult[PREVIEW_PICTURE]
[ALT]? /br /
?=$arResult[NAME]?
/td
Теперь нам нужно удалить ссылки на страницы детального просмотра тех картинок, предварительный просмотр которых мы удалили.
¦ Удалите ячейки таблицы ссылок на предыдущие и последующие картинки. Эти ячейки в коде проще всего искать по DETAIL_ PAGE_URL.
Удалять нужно ячейки со ссылками, ведущими на первую предыдущую картинку ([PREV][1]) и первую последующую картинку ([NEXT][1]).
¦ Удалите ячейку таблицы ссылок на текущую картинку детального просмотра. Ее проще всего найти по значению [CURRENT].
¦ Удалите пару тегов строки /tr tr, образовавшихся в центре кода.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Редактирование.
Вы увидите, что теперь дизайн не разъезжается (рис. 8.8).

ЗАМЕЧАНИЕ

Алгоритм изменений в шаблоне довольно прост, и, как нам кажется, вы его поняли. Чтобы, например, увеличить число превьюшек в строке до семи, нужно увеличить параметр colspan до 7; затем добавить ячейки таблиц соответственно с параметрами NEXT (параметр следующей картинки) или PREV (параметр предыдущей картинки) с нужными номерами.

ЗАМЕЧАНИЕ

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

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

Для добавления возможностей голосования и отзывов:
¦ Выполните команду Редактировать параметры компонента из
меню компонента Фотогалерея. Откроется форма редактирования (рис.
8.9).
Нам нужны группы параметров Настройки голосования и Настройки отзывов.
¦ Поставьте флажки Разрешить голосование и Разрешить отзывы.
Откроются дополнительные поля настройки.
В голосовании, как принято в большинстве случаев, используется пятибалльная система. Если вам нужна иная система, то в поле Максимальный балл введите другое число.


Рис. 8.9. Настройки голосования и отзывов
¦ Введите при необходимости нужное число максимального балла.
После этого надо задать оценки. Оценки можно задавать как просто числами, так и словесным описанием.
Если вам необходимо большее число полей, воспользуйтесь кнопкой +. Система оценок предполагает, что самое маленькое число самая плохая оценка.
¦ Заполните поля Подписи к баллам.
Теперь настроим параметры отзывов.
¦ В поле Количество сообщений на одной странице введите желаемое число отзывов. Слишком большое число отзывов делает страницу очень большой по вертикали, а слишком малое число может привести к большому числу страниц.
С опытом вы подберете нужное для себя сочетание.
¦ Флажок в поле Использовать CAPTCHA добавит в форму создания отзыва поле для ввода CAPTCHA. Это поле и изображение будут видны только незарегистрированным пользователям.
¦ Поле Путь относительно корня сайта к папке со смайлами не меняйте, если вы не поместили папку со смайликами в другом месте.
¦ В поле ID форума для отзывов нужно выбрать форум, на котором будет висеть ссылка с отзывов. Для обсуждения фотографий лучше создать отдельный форум и направить ссылку на него.
В поле Страница чтения темы ничего вводить не надо. Система сама подставит нужный путь.
Это поле для опытных разработчиков сайта, которым нужно указать особые страницы обсуждения.
¦ Если вы вообще не хотите обсуждать фотографии на форуме, а только ограничиться отзывами, снимите флажок Показать ссылку на форум.
¦ Сохраните внесенные изменения.
Теперь вы можете создавать отзывы по фотографиям и голосовать за ту или иную фотографию (рис. 8.10).


Рис. 8.10. Добавлены голосование по фотографии и возможность отзывов
Осталось только настроить шаблоны и файлы CSS для этих форм.

Фотогалерея 2.0

Теперь познакомимся с Фотогалереей 2.0.

ЗАМЕЧАНИЕ

Для корректной работы компонента в браузере Firefox требуется установленный плагин Java. Он необходим только для массовой загрузки фотографий, а не для просмотра.
Если вам не хочется устанавливать этот плагин, загрузка фотографий в этом браузере возможна только поодиночке.

ЗАМЕЧАНИЕ

Фотогалерея 2.0 может быть не установлена. Проверить это можно в разделе Настройки ^ Настройки продукта ^ Модули.
Если модуль Фотогалерея не установлен, то:
¦ Щелкните по кнопке Установить в колонке Действия. Система запросит разрешение на создание нового типа информационного блока.
¦ Дайте согласие и установите новый модуль.

ЗАМЕЧАНИЕ

Если вы до этого использовали обычную Фотогалерею, то новый тип информационного блока лучше не создавать, а использовать старый тип. В этом случае у вас не будет проблем с подключением уже созданных галерей.
Для подключения компонента Фотогалерея 2.0:
¦ Перейдите в раздел Разработка.
¦ Перейдите в раздел сайта Фотогалерея.
¦ Щелкните по кнопке Изменить. Откроется визуальный редактор для данной страницы.
¦ Удалите из тела страницы компонент Фотогалерея.
¦ Добавьте в тело страницы компонент Фотогалерея 2.0.
¦ Сохраните внесенные изменения.
Перейдя теперь в публичную часть для просмотра, вы увидите, что простая Фотогалерея удалилась, а на месте новой есть только команды создания новой фотогалереи (рис. 8.11). Прежде чем приступить к созданию галерей, необходимо произвести первичную настройку компонента.
¦ Перейдите в раздел Разработка.
¦ Выполните команду Редактировать параметры компонента из меню компонента Фотогалерея 2.0. Откроется форма Параметры компонента (рис.
8.12).


Рис. 8.12. Настройка параметров компонента Фотогалерея 2.0
В группе Основные параметры выполните следующие действия:
¦ В поле Тип инфоблока выберите Фотогалерея.
¦ В поле Инфоблок выберите Фото2.0.
¦ Щелкните по кнопке ОК.
¦ Сохраните внесенные изменения. Форма закроется.
Теперь можно приступать к созданию альбома.

Создание альбома

¦ Щелкните по кнопке Добавить альбом. Откроется форма создания альбома (рис.
8.13).


¦ Введите название альбома в поле Название.
Значение в поле Дата проставляется автоматически, но вы можете изменить его. Это поле определяет дату, с которой альбом станет доступным для обзора.
¦ Введите описание альбома в поле Описание. Можно ограничить доступ к альбому по паролю, но к этой функции мы вернемся позже.
¦ Сохраните внесенные изменения. Альбом создастся и появится в списке альбомов.
Создание вложенного альбома
Фотогалерея 2.0 позволяет создавать вложенные альбомы. При этом не ограничены ни глубина вложения, ни количество вложенных альбомов. Для создания вложенного альбома:
¦ Перейдите в альбом, в котором вы хотите создать внутренние альбомы. В нашем случае это альбом Наша рыбалка.
¦ Щелкните по кнопке Добавить альбом. Откроется уже знакомая вам форма.
¦ По описанному выше алгоритму создайте вложенные альбомы. Предположим, что выезд на рыбалку длился три дня.
Поэтому создадим три одноуровневых альбома: День первый, День второй, День третий.
При создании третьего альбома защитим его паролем.
¦ Заполните поля формы, как делали выше.
¦ Поставьте флажок Ограничить доступ к альбому по паролю.
¦ В поле Пароль введите пароль.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Не забывайте после каждого создания вложенного альбома возвращаться в корневой альбом Наша рыбалка.
После создания всех вложенных альбомов Наша рыбалка выглядит, как показано на рис. 8.14.
Гловила Контені I Фотогалерея / Наша Рыоалка
¦ Список альбомов Г4г Добавить альбом + Загрузить Фотографии


Наша Рыбалка
Фотогалерея последней общей вылазки на рыбалку 18.06.2008)
Фотографий: О Альбомы: 3
-да Редактировать свойства
альбома
И Удалить альбом

Рис. 8.14. Наша рыбалка с вложенными альбомами
Мы видим, что нарушена очередность вложенных альбомов. Внешне нарушена.
На самом деле альбомы просто отсортированы по параметрам по умолчанию. Если изменить эти параметры, то День первый будет на первом месте.
¦ Выполните команду Редактировать параметры компонента из
меню компонента Фотогалерея 2.0. Откроется форма редактирования параметров.
¦ В группе Основные параметры снимите флажок Использовать простой режим настройки (остальные настройки по умолчанию). Откроются дополнительные настройки.

ЗАМЕЧАНИЕ

При снятии этого флажка дополнительные настройки появляются практически во всех группах данной формы. Мы не будем рассказывать здесь про все настройки.
Опишем только необходимые, а с остальными вы можете разобраться сами. В крайнем случае обратитесь к документации по продукту.
¦ В поле По какому полю сортируем альбомы поставьте по индексу сортировки.
¦ В поле Порядок сортировки альбомов установите по возрастанию.
¦ Сохраните внесенные изменения.
¦ Перейдите в Панель управления.
¦ Перейдите в раздел Контент ^ Фотогалерея ^ Фото2.0 ^ Наша рыбалка.
¦ Произведите групповое изменение параметра Сортировка. День первый должен получить наименьшее значение, День третий наибольшее.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Редактирование.
Вы увидите, что альбомы выстроились по заданной сортировке
и в нужном нам логическом смысле.

ЗАМЕЧАНИЕ

Конкретное числовое значение в поле Сортировка не принципиально. День первый может иметь 1, а День третий 1000.
Главное это направление: по возрастанию или убыванию. Это свойство можно использовать с удобством для вас.
Если вы работаете с сортировкой инфоблоков (не только фотогалерей, а вообще инфо-блоков), можете задавать сортировку с определенным шагом, например 100, 110, 120 и т. д. В этом случае при добавлении нового инфоблока можно сразу помещать его в нужное место в общем списке, задавая соответствующий индекс. При этом отпадает необходимость изменять сортировку остальных элементов.
Удаление альбома
Если по каким-то причинам альбом уже не нужен, то для его удаления:
¦ Перейдите в альбом, который хотите удалить.
¦ Выполните команду Удалить альбом. Система попросит вас подтвердить решение.
¦ Подтвердите удаление. Альбом и все его содержимое будет удалено.
Как корневой, так и вложенные альбомы на данный момент пусты, и надо загрузить в них фотографии.

Загрузка изображений

При загрузке изображений используется технология Java и элемент управления ActiveX: Bitrix Image Uploader. Это позволяет быстро загружать файлы, не осуществляя поиск на диске и не вводя имена и свойства файлов в явном виде. Если не установлен плагин Java, возможна загрузка фотографий только в одиночном режиме. С использованием плагина поместить фото в альбом можно и в режиме множественной загрузки.
При множественном способе загрузки также возможно добавление содержимого папки целиком.
По умолчанию в качестве обложки фотоальбома устанавливается изображение первой фотографии в нем.

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

Выбор варианта в отдельной таблице в некоторых случаях увеличивает производительность сайта. Тем не менее поле это предназначено для разработчиков.
Также не стоит снимать флажок Запись активна: ваш тип инфоблока станет невидимым для всех, кроме администратора.
¦ В поле Символьный код задайте любой код латинскими буквами. Этот код будет использован для организации выборки данных.
Пусть это будет, скажем, news_fish.
¦ В поле Сайт установите флажок у тестового сайта Matchfishing. Эта группа полей позволяет привязать инфоблок к нескольким сайтам.
Но мы сделаем его только для нашего сайта.
¦ В поле Название введите слово (фразу), которая будет представлять инфоблок в общем списке. Пусть это будут, скажем, Новости клуба.
¦ В поле Индекс сортировки укажите вес данного информационного блока, определяющий его положение в списке. С этим полем вы уже знакомы.
Три следующих поля лучше не трогать, если вы не уверены в том, что делаете. Они предназначены для корректного отображения новостей.
Для этого в них задается точный адрес, URL страницы, на которую будет помещен список новостей, страницы со списком новостей и страницы детального просмотра текста новости.
Также не рекомендуется снимать флажки у следующих полей:
- Индексировать разделы для модуля поиска определяет участие разделов информационного блока в индексации для внутреннего поиска.
- Индексировать элементы для модуля поиска определяет то, что элементы информационного блока участвуют в индексации для внутреннего поиска.
- Участвует в документообороте определяет участие инфобло-ка в процессах документооборота. Подробнее о документообороте вы узнаете в следующей главе.
Не рекомендуется изменять три оставшихся поля это возможности для более подготовленных разработчиков сайтов.
В группе параметров Описание задается вывод картинки, соответствующей блоку, и само текстовое описание.
¦ В поле Изображение с помощью кнопки [ Обзор... | введите путь до изображения.
¦ В поле ниже введите текстовое описание инфоблока.
¦ Перейдите на закладку Свойства.
Свойства это поля, которые увидит пользователь, создающий информацию с помощью конкретного инфоблока. Сколько здесь будет задано свойств, столько полей и увидит пользователь.
Приведем пример задания свойств для автора новости:
¦ В поле Название первой строки введите Автор. Это название поля.
Флажок Акт. не снимайте тогда вы сможете быстро оперировать с полями инфоблока. Создав поля на вырост, вы при необходимости можете одним щелчком отключать и подключать необходимые поля в форме инфоблока.
¦ В поле Тип задается тип поля, которое будет отображено в форме.
Для нашего поля Автор удобно поле Строка. Выберите ее.
Вообще на данный момент существует 13 типов полей. Вы можете выбирать нужный тип в зависимости от потребности в конкретном свойстве. Типы полей:
- Строка значение свойства задается в виде текстовой строки. Самое простое поле.
- Число значение свойства задается в виде числа. Проверка при заполнении не допустит ввода нечислового значения.
- Список значение свойства выбирается из списка. Список этот надо заранее задать.
- Файл в качестве значения свойства используется файл. Вы увидите поле для ввода пути файла загрузки.
- Привязка к разделам с помощью данного свойства можно задать связь между элементом данного инфоблока и разделами другого информационного блока.
- Привязка к элементам задание связи между элементами информационных блоков поштучно.
- Привязка к элементам в виде списка задание связи между элементами списком.
- Привязка к элементам по XML_ID привязка хранится как строка, а значением является xml_id привязанного элемента.
- HTML/текст поле может заполняться виде текста с HTML-тегами.
- Привязка к пользователю задается связь между элементом создаваемого инфоблока и пользователями системы. Задав это свойство, можно указать, например, ссылку на профайл пользователя.
- Привязка к теме форума свойство задает связь между инфо-блоком и темами форума.
- Привязка к файлу на сервере свойство задает связь между элементом данного инфоблока и файлом на сервере.
- Дата/время значение свойства задается в виде даты/времени.
Флажок Множ. означает множественность свойства. Для любого свойства может быть задано несколько значений.
Количество значений определяется в форме детального редактирования свойства (см. ниже).
¦ Поставьте флажок Множ. будем считать, что авторов новости может быть несколько.
Колонку Сортировка при создании инфоблока лучше пропустить, если только вы уже все не продумали со стопроцентной уверенностью. Если вы точно знаете порядок вопросов, можно проставить значения сор тировки сразу.
¦ В колонке Код введите символьный код каждого свойства. Он используется для организации выборки данных в инфоблоках данного типа.
¦ Перейдите на закладку Подписи.
На этой закладке доступна возможность некоторого изменения интерфейса инфоблока: изменение подписей к полям. Делается это для того, чтобы человек, работающий с контентом и создающий новые элементы инфоблока, легче воспринимал поля этой формы.
Инфоблок понятие универсальное, следовательно, полям присвоены универсальные названия. Например, элемент или раздел. Если же инфоблок используется для каталога, то правильнее будет использовать слова товар и вид товара.
Если он используется для библиотеки, то правильнее будет говорить книга и жанр. Вот для такой смены названий полей и создана эта закладка.
¦ При необходимости произведите смену названий подписей к полям.
¦ Сохраните внесенные изменения. В списке типов элементов Новости появится новый тип Новости клуба.

ЗАМЕЧАНИЕ

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

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

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


Рис. 7.19. Создание раздела
Флажок Запись активна снимать не надо, если вы не создаете раздел про запас.
В поле Родительский раздел пока ничего выбирать не надо. В этом поле будут появляться все создаваемые разделы, и при составлении вложенных разделов нужно будет выбрать родительский.
¦ В поле Название введите название раздела, например Новости 2008 года.
¦ При необходимости загрузите изображение для раздела. Это должна быть маленькая иконка, детальная картинка будет загружена в другой закладке.
¦ В поле Описание введите описание модуля.
¦ Перейдите в закладку Дополнительно.
¦ Введите символьный код раздела.
¦ При необходимости загрузите детальную картинку.
¦ Закладку Доп. свойства пока не используйте.
¦ Сохраните внесенные изменения.
Раздел будет создан и появится в общем списке.
¦ Если вы уже продумали структуру новостей, создайте эту структуру с нужным уровнем вложений.
Если у вас нет четкого представления о готовой структуре, не страшно. По мере создания новостей вы всегда сможете создать новые разделы и перенести в них уже готовые новости.

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

Перед созданием новостей создадим страницу Новости.
¦ Перейдите в раздел Новости нашего сайта.
¦ Перейдите в раздел Разработка.
¦ Выполните команду Изменить. Откроется диалог редактирования страницы.
¦ Вызовите панель Компоненты 2.0.
¦ Откройте раздел Контент ^ Новости.
¦ Перенесите на тело страницы комплексный компонент Новости.
¦ Сохраните внесенные изменения. Откроется пустая страница.
Настроим компонент через команду Редактировать свойства компонента. Инфоблок можно настроить и при размещении его на странице, но в отдельном окне удобнее выполнять настройку, поскольку оно больше.
¦ Выполните команду Редактировать параметры компонента из меню компонента Новости.
¦ В группе параметров Основные параметры в поле Инфоблок выберите только что созданный инфоблок Новости клуба. Остальные параметры оставьте по умолчанию.
¦ Сохраните внесенные изменения.
Теперь можно переходить к созданию новостей.

Создание новостей

¦ Перейдите в раздел Редактирование.
¦ Выполните команду Создать элемент из меню компонента Список новостей. Откроется диалог добавления новости (рис.
7.20).


Рис. 7.20. Диалог добавления новости
Верхняя часть формы создания новости будет одинаковой для любого типа инфоблока.
Не изменяйте поле Запись активна.
Поля Период активности задают время, в течение которого новость будет отображаться на сайте. Пока не трогайте эти поля, описание работы с ними вы найдете в главе 8.
¦ Введите название новости в поле Название.
¦ Заполните поля в группе Значения свойств.
Дальнейшее пошаговое описание заполнения формы, на наш взгляд, не имеет смысла. Все поля вам знакомы, кроме разве что закладки Документооборот, о которой речь пойдет в следующей главе.
¦ Заполните поля всех закладок.
¦ Сохраните внесенные изменения.
В списке новостей появится новая новость.
¦ Завершите сессию. Страница обновится, и список новостей пропадет. Почему? Если проверить права к странице и разделу через кнопку Доступ, то вы увидите, что по умолчанию права у всех групп на чтение, то есть новости должны быть видны.
Они не видны, поскольку мы не задали права доступа при создании нового инфоблока Новости клуба. Для задания прав нужно перейти на панель управления и отредактировать свойства блока.
Сейчас мы покажем еще один вариант перехода сразу на страницу
редактирования.
¦ Перейдите в раздел Разработка.
¦ Выполните команду Редактировать параметры компонента из меню компонента Новости. Откроется диалог редактирования свойств компонента.
¦ В группе полей Дополнительные настройки установите флажок в поле Добавлять в админ. панель кнопки для данного компонента.
¦ Сохраните внесенные изменения. Диалог закроется, а на административной панели появится кнопка Список новостей (рис.
7.21).


Рис. 7.21. Появилась кнопка Список новостей
¦ Выполните команду Список новостей ^ Панель управления ^ Свойства инфоблока Новости клуба. Откроется форма для изменения свойств инфоблока.
¦ Перейдите в закладку Доступ.
¦ В поле по умолчанию поставьте Чтение. Теперь все смогут читать новости.
¦ Для группы Редакторы сайта поставьте Изменение. Теперь они тоже смогут создавать новости и редактировать их.
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Просмотр.
¦ Завершите сессию.
Вы увидите, что теперь новости видны и неавторизованному пользователю.
Осталось только настроить шаблоны и файлы CSS для компонента Новости, чтобы их отображение не выделялось из общего дизайна сайта. Сделайте это самостоятельно.
По описанному алгоритму работают все инфоблоки в 1С-Битрикс: Управление сайтом.

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

Создание статьи в инфоблоке абсолютно идентично созданию новости. Но мы рассмотрим тонкость, характерную для статей, а не для новостей.
¦ Самостоятельно создайте инфоблок Статьи клуба.
¦ Создайте новый элемент этого инфоблока и назовите его Рецепты.
¦ Загрузите в него достаточно объемный произвольный текст.
Сейчас мы расскажем о том, как создать многостраничную статью. Многостраничное представление информации нужно, когда объем статьи (новости) настолько велик, что просмотр ее на одной странице начинает доставлять неудобства: слишком много усилий нужно на прокрутку текста. Строгих рекомендаций по длине одной страницы нет.
Это дело вкуса и здравого смысла. Единственный совет, который можно дать: переход на другую страницу должен ориентироваться на логические моменты в статье больше, чем на длину каждой страницы.
¦ С помощью команды Вставить разделитель страниц установите метки в тексте, где системе нужно будет создать новую страницу (рис. 7.22).
¦ Сохраните внесенные изменения.
¦ Перейдите в раздел Просмотр.
¦ Перейдите в раздел сайта Статьи.


Рис. 7.22. Устанавливаем разделитель страниц
¦ Откройте для просмотра статью Рецепты. Вы увидите список страниц в конце текста (рис.
7.23).
Вариант 1 - вполне работоспособный хотя и далекий от идеального. А вот вариант 2 вряд ли может быть использован в качестве прикормки, даже на самом мощном течении. Толокно является активным связующим компонентом и склеит остальные компоненты настолько сильно, что на течении они будут размываться несколько дней , а в стоячей воде эта прикормка просто прокиснет и через некоторое время будет просто отпугивать рыбу. Также важно правильно подобрать количество воды при замешивании прикормки Ее избыток приведет к тому что прикормка станет сметанообразной а недостаток - к тому , что из нее невозможно будет слепить шары для заброса в точку ловли.
Одно из немногих исключений - уклеенные прикормки, которые приготавливаются зачастую именно с избытком воду. Об этом и о многом другом поговорим чуть позже.

Создание верхнего частичного меню

Из всех наших меню ненастроенным осталось только одно: верхнее частичное. Сам компонент размещен, для него назначен шаблон, но работа не была завершена.
Теперь пришло время это сделать.
В данном меню по замыслу должны размещаться ссылки на некоторые страницы, спрятанные глубоко, но особо актуальные в силу текущего момента или других обстоятельств. Для этого меню назначен шаблон нижнего меню fish3 с соответствующими файлами CSS.
Данный шаблон нас не устроит, но чтобы видеть, как отображаются пункты этого меню, их нужно сначала добавить.
¦ Добавьте три пункта меню в верхнее частичное меню:
- Контакты со ссылкой на созданную нами текстовую страницу.
- Рецепты со ссылкой на загруженную статью Рецепты.
- Журналы со ссылкой на подраздел Журналы раздела О рыбалке.
¦ Сохраните внесенные изменения.
После сохранения изменений вы увидите картину, представленную на рис. 7.24.


Рис. 7.24. Верхнее меню
Мы видим, что стиль надписей отображается правильно. Но меню разъехалось и испортило дизайн. Кроме того, картинки квадратиков не соответствуют дизайну они серые, а не красные.
Для приведения внешнего вида в порядок не надо трогать файл CSS, достаточно отредактировать файл шаблона.
¦ Скопируйте файл шаблона.
¦ Откройте его для редактирования.
¦ В теге таблицы table width=1024 height=8 cellspa-cing=0 cellpadding=0 border=0 измените значение ширины с 1024 на 100%. Теперь таблица будет занимать не 1024 пикселя, а 100% от места в строке, где размещен компонент Меню.
Теперь дизайн не будет разъезжаться.
В исходном дизайне картинки перед пунктами меню названы punkt_ red.gif.
¦ В тегах картинки поменяйте имя картинки с punkt_top.gif на punkt_ red.gif.
¦ В тегах ячеек поменяйте параметр align с center на right.
¦ Сохраните внесенные изменения.
Внешний вид меню почти полностью пришел в соответствие с дизайном. Расхождение одно: пункты меню все равно занимают весь объем ячейки и зрительно растягиваются, хоть и прижались вправо.
Избежать этого можно, вставив дополнительную ячейку в шаблон и прижав ею ячейки с пунктами меню вправо. Это решение накладывает на разработчика обязанность отслеживать изменения в верхнем меню и при необходимости менять ширину ячейки, подбирая ее опытным путем.
Но так как данное меню меняется не динамически и довольно редко, это не страшно.
¦ Выполните команду Редактировать шаблон компонента из меню компонента Меню. Откроется шаблон для редактирования.
¦ Вставьте теги ячейки td width=400 align=right/td после открывающего тега строки tr .
¦ Сохраните внесенные изменения.
Теперь меню полностью соответствует дизайну.

Резюме

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

Глава 8КАРТИНКИ НА САЙТЕ

Размещение картинок на текстовых страницах осуществляется силами визуального редактора. Но это не способ для организации удобной для просмотра фотогалереи.
Чтобы показ большого числа картинок был удобен и функционален, лучше использовать специальные комплексные компоненты: Фотогалерея 2.0, Фотогалерея 2.0 (многопользовательская) и простой компонент Фотогалерея. Параметры этих компонентов определяют настройки внешнего вида фотогалереи:
- размеры картинок анонса (эскиз фото), детального просмотра фотографии, а также размеры картинки-анонса и картинки фотоальбома;
- отображение облака тегов;
- настройки голосования и отзывов;
- другие параметры.
Работа этих модулей основана на модуле Информационные блоки, а также модулях блогов, форумов и поиска. В составе компонентов фотогалерей присутствует и набор простых компонентов.
Их тоже можно использовать на вашем сайте. Мы будем детально описывать простые компоненты только по мере возникновения необходимости в решении задачи создания фотогалереи.

Чем отличаются фотогалереи разных типов

Фотогалерея это простейший тип фотогалерей. С нее началась история создания компонентов этого типа, и на данный момент ее практически не используют. Работа с компонентом Фотогалереи 2.0 более комфортна и удобна.
Он обеспечивает дополнительные возможности, не предусмотренные в фотогалерее первого типа.
Комплексный компонент простой фотогалереи позволяет получить полнофункциональную фотогалерею с созданием только одной физической страницы на сайте (остальные виртуальные, динамично формируемые).
Комплексный компонент Фотогалереи 2.0 позволяет дополнительно осуществить:
- создание любого количества альбомов (с возможностью создания вложенных альбомов) и загрузку неограниченного количества фотографий;
- настройку голосований, отзывов, тегов;
- создание многопользовательской фотогалереи;
- а также другие возможности.
Тем не менее у первой фотогалереи есть одно преимущество ее шаблон намного проще адаптировать под дизайн конкретного сайта. Кроме того, для работы компонента Фотогалереи 2.0 в Firefox версий ниже 3.0 желательно использование плагина Java.
Мы рассмотрим работу обоих типов галерей.

ЗАМЕЧАНИЕ

Мы уже несколько раз занимались редактированием шаблонов компонентов и файлов CSS. Надеемся, что суть этой операции вы поняли и в состоянии справиться с ней без нашей помощи. Поэтому дальше мы не станем описывать этот процесс. Мы будем либо просто говорить: Отредактируйте шаблон компонента, Отредактируйте файл CSS, либо не заострять на этом внимание вообще.
А вы будете сами подгонять внешний вид шаблона под оформление сайта. Если же редактирование шаблона компонента, на наш взгляд, сможет вызвать затруднение, оно будет описано подробно.

Изменение шаблона

Перед тем как настроить и наполнить фотогалерею, есть смысл изменить применяемый шаблон для индексной страницы раздела. Мы находимся в разделе Фотогалерея, так что правая колонка, в которую будут транслироваться случайные фотографии, нам ни к чему (рис.
8.1).
¦ Перейдите в раздел Разработка.
¦ Выполните команду Панель управления ^ Редактировать сайт из
меню кнопки Шаблон. Откроется форма редактирования свойств сайта.


Рис. 8.1. Демо-фотогалерея и колонка Галерея справа
Мы уже применяли различные шаблоны сайта. На данный момент настройки таковы, что все индексные страницы открываются по шаблону test. Но для индексной страницы /content/photo/index.php желательно применить другой шаблон, без правой колонки.
Такой шаблон у нас есть. Он называется, если вы забыли, test_article (при желании вы можете использовать и шаблон test _blog без обеих колонок).
¦ В чистой строке группы полей Шаблон в раскрывающемся списке колонки Шаблон выберите test_article.
¦ В колонке Тип условия выберите Для папки или файла.
¦ С помощью кнопки [ ... ] укажите путь до файла /content/photo/index, php.
¦ Сохраните внесенные изменения.
Если вы сейчас перейдете в публичную часть, то увидите (возможно, к вашему удивлению), что ничего не изменилось. Почему?
При назначении шаблонов в главе 7 все получилось, а здесь нет. Дело в порядке назначения шаблонов.
В главе 7 самым последним мы создали применение шаблона с PHP-условием, а новое назначение шаблона совершили уже позже. При отсутствии заданной вручную сортировки система выполняет условия по порядку строк. Наша только что заданная строка расположена после строки с PHP-условием, следовательно, и к странице /content/photo/index.php PHP-условие применяется раньше .
Переназначим порядок сортировки.
¦ Выполните команду Панель управления ^ Редактировать сайт из
меню кнопки Шаблон. Откроется форма редактирования свойств сайта.
¦ В колонке Сортировка поставьте в произвольном порядке значения 1, 2, 3 для строк, где типом условия выбран вариант Для папки или файла.
¦ Параметр 4 поставьте в строке, где типом условия выбрано php-
условие.
¦ Параметр 5 поставьте в строке, где выбрано без условия.
¦ Сохраните внесенные изменения.
Перейдите в публичный раздел. Вы увидите, что все страницы отображаются корректно. Общее правило сортировки при назначении шаблонов подобно перевернутой воронке:
- первыми должны идти условия частного характера;
- потом условия выборки;
- а затем все остальное.

Фотогалерея

По умолчанию в дистрибутиве в разделе Фотогалерея установлен компонент Фотогалерея 2.0. Чтобы опробовать обычную фотогалерею, надо:
¦ Перейти в раздел Разработка.
¦ Перейти в раздел сайта Фотогалерея.
¦ Щелкнуть по кнопке Изменить. Откроется визуальный редактор для данной страницы.
¦ Удалить из тела страницы компонент Фотогалерея 2.0.
¦ Добавить в тело страницы компонент Фотогалерея.
¦ Сохранить внесенные изменения.
Вы увидите, что демо-фотогалереи остались, но отображаются уже по-другому. Если вы забыли мы просто добавили раздел из демо-сайта.
И еще: конкретные демо-галереи могут отличаться от того, что показано на иллюстрации выше.

Настройка Фотогалереи

Произведем первичную настройку инфоблока Фотогалерея.
¦ Перейдите в раздел Панель управления.
¦ Перейдите в раздел Контент ^ Информ. блоки ^ Типы информ. блоков ^ Фотогалерея.
¦ Откройте для редактирования информационный блок Фотогалерея.
¦ На закладке Инфоблок открывшейся формы (рис. 8.2) надо изменить следующие поля:
- В группе Сайты установить флажок Matchfishing.
- В поле Описание ввести свое описание фотогалерей.


Рис. 8.2. Форма настройки инфоблока Фотогалерея
¦ Перейдите на закладку Доступ.
¦ В группах, которым должен быть дан доступ к работе с этим инфобло-ком (в нашем случае это Редакторы сайта), дайте права на изменение.
¦ Сохраните внесенные изменения.
Теперь отключим отображение демо-галерей.
¦
¦

Создание разделов

Программный механизм ресайза изображений умеет работать с традиционными графическими форматами: JPG, GIF, PNG. Если вы загрузите картинку в другом формате, например BMP, то обработки не произойдет.
Система либо выведет картинку в исходном размере, либо отобразит сообщение о невозможности обработки картинки вариант зависит от флажка Игнорировать ошибки масштабирования.
¦ Установите флажок Игнорировать ошибки масштабирования, чтобы выводить картинку в исходном виде, если она не обработалась.
Для настройки качества обработки можно использовать два последних поля этой группы. Если ресурсов на сервере хватает, то:
¦ Поставьте флажок Сохранять качество при масштабировании.
¦ Задайте приемлемый для вас уровень качества в процентах в поле
Качество.
Аналогичные настройки произведите в группе Детальная картинка, но уже для большой картинки. Теперь не нужно будет ни грузить несколько фотографий на каждый инфоблок, ни обрабатывать их отдельно.
При этом мы уверены, что размер фотографий не выйдет за пределы доступного и не испортит дизайн страниц.
В полях Тип описания (для анонса и детального изображения) задается тип формы, которая будет открываться по умолчанию: текстовое поле или визуальный редактор. Вам нужно выбрать, которое из полей будет лучше для конкретных условий. Для анонса предпочтительнее использовать тип описания text, а для детального описания html.
Это позволит в CSV-файле использовать текст с HTML-тегами, и тогда описание будет импортироваться сразу отформатированным.
В полях Описание для анонса и Детальное описание можно ввести текст, который поможет контент-менеджеру в заполнении форм, особенно если поддержку сайта осуществляет малоквалифицированный персонал.
¦ Введите в эти поля комментарии. Пусть для анонса будет такой комментарий: Введите краткое описание товара, а для детального изображения Введите полное описание товара.
¦ Перейдите на закладку Свойства.
Эта закладка довольно важна. В ней вы определите все свойства (и вид их отображения), которые будут видны при создании элемента инфоблока и отображении элемента на публичном разделе сайта.
Желательно предусмотреть все необходимые свойства сразу. Конечно, вы можете изменить их и добавить после создания инфоблока, но если добавление свойств будет происходить после создания элементов, то вам придется заново добавлять данные для новых свойств в уже созданных элементах.
Как правильно определить все необходимые свойства? Каталог товаров представляет собой некий файл, как правило, в формате CSV или XLS. Возможно, вы будете импортировать данные из бухгалтерской программы 1С.
В нашем случае мы берем данные из CSV-файла.

ЗАМЕЧАНИЕ

Файл формата CSV имеется на диске, приложенном к книге.
В нашем случае для инфоблока Товары для рыбалки необходимо создать следующие свойства:
- Код;
- Производитель;
- Цена;
- Длина;
- Таблица;
- Ожидаемая дата поступления;
- Новинка;
- Лидер продаж;
- Рекомендуемый товар;
- Тест;
- Количество секций;
- Транспортная длина;
- Вес;
- Количество лепестков;
- Количество подшипников;
- Размер.
Свойства будут иметь разные параметры, не все из них будут задействованы в нашем примере. Дело в том, что даже товары из одной области применения обладают, естественно, разными свойствами.
Например, в спиннингах есть такой параметр, как количество секций, но в приманках его нет, хотя есть свойство количество лепестков. Поэтому, как правило, файл для импорта имеет много позиций, все их нужно добавлять, но не все используются в каждом из товаров.

ЗАМЕЧАНИЕ

Применить . Форма перезагрузится, уже введенные строки со
Закладка Свойства имеет при первом открытии ограниченное число строк. Если при заполнении строк их не хватит, щелкните по кнопке
хранятся, и появятся новые пустые строки.
Создание свойства типа Строка
Это самое простое свойство, применяемое для свойств, значения которых должны быть выведены в кратком текстовом виде. В нашем случае это Производитель, Новинка, Лидер продаж, Строка.
В поле Название введите слово Производитель.
В поле Тип оставьте параметр Строка.
Не ставьте флажок Множественное название должно быть единственным (для технических характеристик параметр Множественное необходимо использовать).
Установите флажок Обязательно, так как название должно быть у каждого элемента.
Поле Сортировка пока оставьте без изменения. На него можно не обращать внимания, так как невозможно все предусмотреть сразу.
Лучше вернуться к сортировке позже, если возникнет потребность.
В поле Код введите символьный код свойства. В нашем случае это будет proizvoditel.
Щелкните по кнопке [ ... | для вызова формы редактирования детальных свойств (рис. 15.10).


Рис. 15.10. Настройка свойства типа Строка

ЗАМЕЧАНИЕ

Эта форма имеет разный вид для разных типов свойств.
На данный момент нам интересны не все поля формы. Часть из них уже заполнена, часть нет.
¦ Поле Значение по умолчанию оставим пустым. В этом поле в любом типе свойств выводится значение, которое является типовым. Например, если бы мы продавали в подавляющем большинстве спиннинги фирмы Daiwa, для свойства Производитель имело бы смысл вставить в это поле название фирмы. В этом случае при создании элемента инфоблока мы бы получали поле, заполненное данным словом.
И только при необходимости заменяли бы его именем другого производителя.
¦ Поле Размер поля для ввода значения (Строк х Столбцов) определяет внешний вид поля названия в форме создания элемента и, соответственно, отображение этого элемента в публичной части. Ограничивать это поле, задавая значения, которые меньше значений по умолчанию, стоит, только если есть вероятность его некорректного использования контент-менеджерами сайта.
Поставим значение 20, зная, что все названия будут заведомо меньше 20 знаков.
¦ Установите флажок в поле Значения свойства участвуют в поиске,
если необходимо, чтобы товар находился по этому полю. Использование поля Производитель в поиске разумное решение.
Но не для всех свойств типа Строка оно будет правильным.
¦ Поставьте флажок Выводить на странице списка элементов поле для фильтрации по этому свойству, если вы хотите, чтобы в списке элементов административной части можно было фильтровать элементы по этому полю. Использование поля Производитель в фильтрации также разумное решение.
Но оно окажется правильным не для всех свойств типа Строка.
¦ В поле Выводить поле для описания значения...
¦ Щелкните по кнопке I
Изменения сохранятся, форма за-
кроется, а система вернется к закладке Свойства формы создания инфоблока.
¦ Повторите действия по созданию свойства типа Строка для остальных параметров этого типа.
Создание свойства типа html/текст
Свойство позволяет выводить текст в отформатированном виде. В нашем примере этот тип свойств использоваться не будет, но оно пригодится нам, чтобы показать один из вариантов вывода оформления данных.
Создадим свойство Таблица.
¦ В поле Название введите слово Таблица.
¦ В поле Тип в раскрывающемся списке выберите тип html/текст.
¦ Не устанавливайте флажки Множественное и Обязательное. Данный параметр для элемента не будет обязательным для заполнения.
¦ В поле Код введите слово tech.
¦ Щелкните по кнопке [ ... | для вызова формы редактирования детальных свойств.
¦ В поле Значение по умолчанию (рис. 15.11) введите текст Вставить сниппет с таблицей технических характеристик.
Этот текст будет подсказкой для контент-менеджеров.


Рис. 15.11. Добавляем надпись-подсказку для контент-менеджера
¦ Щелкните по кнопке Далее
J. Изменения сохранятся, форма закроется, а система вернется к закладке Свойства формы создания инфоблока.
Создание свойства типа Число
В нашем тестовом примере это будет самым массовым свойством, которое во многом аналогично свойству типа Строка, но применяется для чисел: Код, Длина, Передаточное число, Тест, Количество подшипников, Количество секций, Транспортная длина, Вес, Количество, Количество лепестков.
¦ В поле Название введите слово Код.
¦ В поле Тип в раскрывающемся списке выберите тип Число.
¦ Не устанавливайте флажки Множественное и Обязательное. Данный параметр не будет обязательным для заполнения.
¦ В поле Код введите слово ^d.
¦ Щелкните по кнопке И для вызова формы редактирования детальных свойств. Появившаяся форма аналогична форме для типа
Строка.
Заполните форму в соответствии с рекомендациями для типа
Строка.
Щелкните по кнопке I
і. Изменения сохранятся, форма за
кроется, а система вернется к закладке Свойства формы создания инфоблока.
¦ Повторите все действия по созданию свойств для остальных свойств типа Число.
Создание свойства типа Дата/время
Данный тип применяется для свойств, определяющих временные параметры. Он аналогичен типам Строка и Число. В нашем случае это
Ожидаемая дата поступления.
¦ В поле Название введите слово Ожидаемая дата поступления.
¦ В поле Тип в раскрывающемся списке выберите тип Дата/время.
¦ Не устанавливайте флажки Множественное и Обязательное. Данный параметр не будет обязательным для заполнения.
¦ В поле Код введите слово Time.
¦ Щелкните по кнопке ? для вызова формы редактирования детальных свойств. Появившаяся форма аналогична форме для типа Строка.
Единственное отличие в том, что поле Значение по умолчанию представлено в виде поля для даты (с календарем).
¦ Заполните форму в соответствии с рекомендациями для типа
Строка.
¦ Щелкните по кнопке I
і. Изменения сохранятся, форма за-
кроется, а система вернется к закладке Свойства формы создания инфоблока.
Создание свойства типа Привязка к элементу
Этот тип применяется для создания связей между элементами. Например, если вы хотите, чтобы на странице с товаром отображались другие товары, которые посетитель может купить вместе с ним, выберите данный тип свойств.
В нашем примере это свойство Рекомендуемый товар.

ЗАМЕЧАНИЕ

Свойства типа Привязка к разделу создаются абсолютно аналогично. Это свойство позволяет показывать вместе с элементом и раздел.
Оно очень удобно для ссылок типа См. также.
¦ В поле Название введите слова Рекомендуемый товар.
¦ В поле Тип в выпадающем списке выберите тип Привязка к элементу.
¦ Не устанавливайте флажки Множественное и Обязательное. Данный параметр не будет обязательным для заполнения.
¦ В поле Код введите слово recomendacii.
¦ Щелкните по кнопке ш для вызова формы редактирования детальных свойств. Появившаяся форма (рис.
15.12) отличается от того, что вы видели ранее.


Рис. 15.12. Создаем тип свойств Привязка к элементу
Основное отличие это отсутствие поля Значение по умолчанию и наличие полей Информационный блок. В полях Информационный
блок задается тип инфоблоков и инфоблок, элементы которого будут выводиться при показе данного товара. Так как мы создаем первый инфоблок, пока в этом поле нам нечего выбрать и не к чему привязать свойство.
После создания собственно инфоблока Товары для рыбалки будет необходимо вернуться к данному свойству и заполнить эти поля.
¦ Заполните форму. Для примера на рисунке выбран тип и инфоблок из других каталогов.
После создания всех инфоблоков вам надо будет вернуться в эту форму и указать нужные инфоблоки.
¦ Установите флажок в поле Выводить на странице списка элементов поле для фильтрации по этому свойству.
Другое отличие отсутствие возможностей поиска и описания. Осталась только фильтрация в списке элементов.
¦ Щелкните по кнопке [ Далее |. Изменения сохранятся, форма за
кроется, а система вернется к закладке Свойства формы создания инфоблока.
Мы создали все свойства для инфоблока.
¦ Перейдите на закладку Доступ.
¦ Установите доступ Чтение для всех пользователей.
¦ Для групп пользователей, которые будут создавать и редактировать элементы инфоблока, установите доступ Изменение.
¦ Перейдите на закладку Подписи.
Изменим названия подписей так, чтобы контент-менеджерам было легче ориентироваться.
¦ Замените слово Элемент словом Товар (не забывайте применять правильные склонения согласно смыслу надписи).
Сортировка
Если завершить создание инфоблока на этом этапе, то при создании элемента вы увидите, что поля расположены в алфавитном порядке, потому что при создании полей мы не выставляли значения поля Сортировка. А это не совсем удобно в рамках ежедневной работы.
Такое положение полей необходимо исправить. Кроме того, есть смысл расположить поля так, чтобы наиболее важные и постоянно используемые поля были расположены в самом верху списка.
¦ Вернитесь на закладку Свойства.
В колонке Сортировка выставлено значение 500 для всех свойств. Именно поэтому они и выводились в форме создания элементов по алфавиту.
¦ Выставьте значения параметра Сортировка так, чтобы свойства располагались в нужном вам порядке.

ЗАМЕЧАНИЕ

Чем ниже значение этого поля, тем выше будет расположено свойство. Так, у свойства, которое должно быть самым первым, должно быть самое маленькое значение поля Сортировка.
Контролировать расположение легко, так как на закладке Свойства после щелчка по кнопке Применить свойства располагаются в соответствии со значением этого поля.
¦ Сохраните внесенные изменения.
Если вы создаете простой каталог (марок, статей, музыки и т. п.), на этом создание инфоблока можно завершить. Но мы создаем торговый каталог, поэтому нам необходимо задать понятие Цена.
В 1С-Бит-рикс: Управление сайтом это уже предусмотрено.
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Настройки модулей ^ Торговый каталог.
¦ Перейдите на закладку Каталоги.
¦ Найдите в списке информационных блоков Товары для рыбалки и в колонке Является торговым каталогом установите флажок.
Инфоблок создан. Можно приступать к созданию разделов и элементов.

Создание разделов

Нам нужно создать столько разделов, сколько групп товаров предполагается. Согласно структуре магазина Rufisher.ru, это должны быть разделы верхнего уровня: Катушки, Приманки, Удилища для поплавковой удочки, Удилища спиннинговые, Карповые удилища, Одежда, Лески, Фидеры, Тубусы и коробки. Всего девять.
После этого необходимо будет создать вложенные разделы.
Мы уже создавали разделы инфоблока в главе про медиапроигрыватель. Не будем повторяться вы в состоянии создать разделы самостоятельно.
¦ Создайте разделы верхнего уровня согласно структуре магазина.
¦ С помощью поля Сортировка задайте расположение разделов.
¦ Создайте подразделы.
¦ С помощью поля Сортировка задайте расположение подразделов.

Вывод структуры каталога

Мы уже создали разделы Каталог и Интернет-магазин.
¦ Перейдите на закладку Редактирование в разделе Каталог сайта Inet_mag.
¦ Щелкните по кнопке Изменить на административной панели. Откроется визуальный редактор для редактирования страницы.
¦ Удалите на странице все предустановленные надписи и добавьте на нее комплексный компонент Каталог из панели Компоненты 2.0 ^ Контент ^ Каталог.
¦ Вызовите панель Свойства.
¦ В группе параметров Основные параметры выберите Тип инфоблока Товары для рыбалки, Инфоблок Товары для рыбалки.
Больше мы пока никаких настроек делать не будем, а вернемся к ним после создания всех элементов.
¦ Сохраните внесенные изменения.

ЗАМЕЧАНИЕ

Мы использовали комплексный компонент Каталог, который является готовым комплексом для работы каталога. Это очень удобно.
Но есть и недостаток негибкость подобной системы. Вы можете только настраивать параметры комплексного компонента и редактировать его шаблон.
Гораздо гибче использовать отдельные компоненты из группы Каталог. В этом случае вы можете задавать нужное положение и число компонентов на странице, использовать только необходимые элементы, а не стандартный набор в пакете.
После перезагрузки страницы вы увидите выведенный каталог (рис. 15.13).
торговый каталог рыболовного магазина Если вы попробуете перейти на страницы вглубь по каталогу, то на данный момент получите ошибку 404, поскольку еще не полностью настроили параметры каталога. Мы сделаем это ниже.

Создание ставки НДС

Перед тем как добавлять товары в каталог, необходимо сделать еще одну вещь: создать ставки НДС. Ставки НДС могут быть разными для разных видов товаров, поэтому по умолчанию значений ставки НДС не предусмотрено.
Вам нужно будет создать свою ставку.
¦ Перейдите на страницу Магазин ^ Торговый каталог ^ Ставки
НДС. Откроется пустой на данный момент список ставок НДС.
¦ Щелкните по кнопке Добавить. Откроется форма создания ставки НДС (рис.
15.14).
¦ Заполните поле Наименование.
¦ Заполните поле Ставка в процентах.
¦ Не снимайте флажок Активность.
¦ Сохраните внесенные изменения.


Рис. 15.14. Добавление ставки НДС

ЗАМЕЧАНИЕ

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

Добавление элементов инфоблока

Добавлять элементы можно вручную или импортом из самых разных форматов. Добавление вручную имеет свои плюсы.
Свои плюсы имеет и импорт элементов списком. Выполним добавление элемента вручную.

Добавление элементов вручную

В пределах одного инфоблока в нужном разделе можно создавать элементы из любого раздела. Поэтому мы не будем скакать из раздела в раздел.
¦ Перейдите на страницу Контент ^ Товары для рыбалки ^ Удилища спиннинговые.
¦ Щелкните по кнопке Добавить товар на контекстной панели. Откроется форма создания элемента инфоблока (рис.
15.15).
В форме будут уже заполнены поля свойств, которые при создании получали какие-то значения по умолчанию в закладке Поля.
¦ Заполните поля формы для одного элемента, используя данные из файла База.csv на диске, прилагаемом к книге. Пусть это будет элемент из самой первой строки в таблице спиннинг.


Рис. 15.15. Добавление элемента инфоблока
Поля, для которых нет значений, можно пока оставить пустыми. Для одного поля Рекомендуемый товар мы вообще не сможем назначить данные, так как у нас нет ни одного элемента.
Заполнение полей не должно вызвать затруднений. Мы можем заполнить поля всех свойств, но есть один нюанс: представление данных.
Технические характеристики всегда удобнее показывать в виде таблицы так они лучше читаются. Реализовать подобное представление можно двумя способами: используя сниппеты в свойстве типа html\ текст или форматируя шаблон.
При ручном добавлении элемента инфо-блока мы рассмотрим именно вариант с использованием сниппета.
Мы создавали свойство Таблица типа html^^d. Воспользуемся им.
Так как элементы будут типовыми, сниппет тоже можно применять один, меняя поля таблицы (и при необходимости число строк в ней).

ЗАМЕЧАНИЕ

Для нашего сайта мы сделаем простой вариант таблицы с помощью визуального редактора. Создание кода аналогичной таблицы для вашего сайта и ее оформление оставим на ваш вкус и знание HTML.
Удалите надпись-подсказку по умолчанию. Щелкните по кнопке Вставить таблицу -создания таблицы (рис.
15.16).
Откроется диалог


Рис. 15.16. Создаем таблицу для сниппета
¦ Заполните поля формы:
- В поле Строк введите 5.
- В поле Столбцов введите 2.
- Ширину таблицы задайте в 400 пикселов.
- В поле Толщина рамки введите 1.
- В поле Выравнивание укажите left.
¦ Сохраните внесенные изменения. Таблица создастся и отобразится в поле визуального редактора.
¦ Заполните поля строк левого столбца таблицы: Длина (мм), Транспортная длина (мм), Тест (гр.), Количество секций, Вес (гр.) и т. д.

ЗАМЕЧАНИЕ

Поля левого столбца можно и не заполнять, так как указанная таблица будет применяться для разных товаров и названия строк будут меняться. Можно создать несколько сниппетов с таблицами для каждого вида товара.
Для спиннингов один, для одежды другой.
Все, простейшая таблица для сниппета готова.
¦ Перейдите в режим редактирования кода и скопируйте в буфер обмена код таблицы.
¦ Вернитесь в режим редактирования в HTML.
¦ В поле визуального редактора вызовите панель Сниппеты.
¦ Щелкните по кнопке Добавить сниппет. Откроется диалог Добавление сниппета (рис.
15.17).


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


Рис. 15.18. Созданная таблица и сниппет
При добавлении следующих элементов нам не придется возиться с созданием таблицы заново. Мы только вызовем панель Сниппет и выполним простое действие Drag Drop для сниппета Таблица Технические характеристики.
¦ Заполните таблицу для конкретного элемента.
Если бы мы не отметили инфоблок как торговый каталог, то в закладке Товар не появилась бы группа Торговый каталог (рис. 15.19).
Нам нужно заполнить эту группу.


Рис. 15.19. Группа Торговый каталог
Мы не будем использовать расширенный режим управления ценами. Он используется для случаев, когда на цену товара влияют дополнительные параметры.
¦ Выберите ставку НДС, которая должна применяться к создаваемому товару.
¦ Если ставка НДС включена в цену, установите флажок в соответствующем поле.
¦ Введите значение базовой цены. Базовая цена это цена, относительно которой будут производиться вычисления остальных цен.
¦ Выберите валюту базовой цены.
Далее нужно задать наценки для разных цен. В системе предусмотрены основные типы наценок и основные типы цен.
¦ Назначьте для нужных типов цен соответствующие типы наценок из раскрывающегося списка в колонке Типы наценок.
¦ Система автоматически пересчитает колонку Сумма и выведет значение.

ЗАМЕЧАНИЕ

Все цены рассчитываются в базовой валюте. Если вы хотите вывести цену в иной валюте или цену вне имеющихся наценок, то в строке нужного типа цен выполните следующие действия:
¦ Тип наценки выберите Не установлен.
¦ В колонке Сумма выставьте нужную сумму.
¦ В колонке Валюта выберите нужную валюту из раскрывающегося списка.
Итак, цены назначены.
¦ Перейдите на закладку Анонс.
Файл для картинки в этой закладке не выбирается: в закладке Поля мы установили, что анонсовая картинка формируется из детальной. В поле Описание для анонса введите текст из колонки Анонс файла CSV в строке добавляемого элемента.
¦ Перейдите на закладку Подробнее.
¦ В поле Детальная картинка укажите путь до картинки (тестовая картинка лежит в папке Х:\Диск\Данные для каталога\ на приложенном CD, где Х буква дисковода).

Управление форумами

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

Управление форумами

Управление форумами осуществляется в разделе Форумы на странице Сервисы ^ Форумы. При переходе на эту страницу вы увидите таблицу статистики (рис.
12.3).
Статистика по форумам Всего форумов: 21 Активных форумов: 20 Форумов на сайте dv: 16 Форумов на сайте ги: 3 Форумов на сайте рг: 8 Форумов на сайте Ьх; 4 Форумов на сайте еп: 4 Всего тем на форумах: 16960 Всего сообщений на форумах: 89939 Всего посетителей форума: 16452 из мих активных: 4980 Рис. 12.3. Статистика форумов
Форумы могут быть как самостоятельными (лежать в верхнем уровне), так и собранными по группам. Причем система поддерживает вложенные группы форумов, то есть можно создать группу форумов Иномарки, в ней группы форумов Английские, Американские, Французские и т. д., а в каждой из групп свои форумы (например, во Французских Пежо и Ситроен).
Число групп и форумов, которые могут быть созданы и использованы, ничем не ограничивается.
Управление форумами мы начнем с создания групп форумов.

Создание групп форумов

¦ Перейдите на страницу Сервисы ^ Форумы ^ Группы форумов.
Откроется список имеющихся групп форумов.
¦ Щелкните по кнопке Новая группа форумов на контекстной панели. Откроется форма создания новой группы (рис.
12.4).


Рис. 12.4. Создание Группы форумов
¦ Заполните поле Сортировка.
¦ В поле Родительская группа выберите многоточие. Это означает, что группа будет лежать в верхнем уровне.
¦ Заполните поля Название и Описание для обоих языков. Поле Название обязательно для заполнения, а поле Описание нет. Но его лучше заполнить, чтобы посетитель сразу понимал, о чем говорят в этом форуме.
В нашем случае это будет обсуждение снаряжения для рыбалки под названием Снаряжение.
¦ Сохраните внесенные изменения. Система вернется к списку групп, в котором отобразится созданная группа.
¦ Повторите пять последних действий для создания еще нескольких групп, например Техника ловли, Разное, Места для рыбалки. Пусть все они лежат в верхнем уровне.
¦ Теперь повторите процесс создания групп, но только в поле Родительская группа выберите группу Снаряжение. Пусть группы называются Снаряжение для ловли и Прочее снаряжение.
Мы создали нужные группы для форумов сайта. При желании вы
можете сформировать более разветвленную структуру групп форумов.
Мы же перейдем к созданию самих форумов.

Создание форума

¦ Перейдите на страницу Сервисы ^ Форумы ^ Список форумов. Откроется список имеющихся форумов.
¦ Щелкните по кнопке Новый форум на Контекстной панели. Откроется форма создания нового форума на закладке Форум (рис.
12.5).


Рис. 12.5. Форма создания форума
¦ Установите флажок Активен.
¦ В поле Группа форумов выберите Прочее снаряжение.
¦ При необходимости измените сортировку.
¦ В поле Имя форума введите, например, вариант Палатки.
¦ Добавьте описание.
¦ В группе Сайты, на которых доступен форум, поставьте флажки у сайтов, на которых должен отображаться создаваемый форум.
¦ Перейдите на закладку Настройки.
Закладка Настройки (рис. 12.6) позволяет задать условия работы конкретного форума.
Большая часть полей этой закладки понятна из названия. Коснемся только неочевидных или принципиальных моментов.
Поле Индексация есть возможность отключить форум от индексации на сайте. Иногда эта функция необходима, хотя поиск по форумам довольно важная функция.
Поле Модерация. Установка флажка сделает форум премодерируе-мым, то есть сообщения на нем будут отображаться только после того, как модератор проверит их и даст разрешение на опубликование.
Пользователю, выполняющему функции модератора, необходимо подписаться на сообщения модерируемого форума.
Поле Позволить загрузку ограничивает типы файлов, которые можно загружать на форум. Это важно по соображениям безопасности.
Самое строгое выбрать нет, тогда посетители не смогут цеплять к сообщениям файлы. Самое неразумное выбрать вариант любых файлов.
В этом случае посетители смогут загружать файлы с любыми расширениями. Наиболее оптимальный выбор вариант файлов с указанными расширениями, при котором в поле Допустимые расширения загружаемых файлов через запятую указываются допустимые типы файлов. Для облегчения настройки можно использовать значение изображений. В этом случае система сама определит, относится ли загружаемый материал к графическим файлам, и либо разрешит, либо запретит его загрузку.
Вводить типы графических файлов в поле ниже не надо.


Рис. 12.6. Закладка Настройки формы создания форума
Точно так же в целях безопасности надо рассматривать и группу Пользовательские настройки, где задаются условия публикации сообщений незарегистрированными пользователями. По умолчанию для гостей будет обязательным заполнение формы CAPTCHA.
Для повышения уровня безопасности можно еще включить требование ввести электронный адрес пользователя.
Следующую секцию Регистрация новых сообщений в модуле статистики мы пропустим, она нужна при использовании модуля Статистка, о котором в этой книге не упоминается.
Группа Настройки парсера позволяет настроить движок форума на обработку сообщения, если в него включены теги. Рекомендуется очень осторожно использовать опцию Использование HTML-кода, так как это снижает (и существенно) безопасность форума. Все остальное можно разрешить.
Только учтите, что разрешение грузить изображения и видео может довольно быстро привести к исчерпанию выделенного вам места на хостинге. Возможно, будет экономнее разрешить функцию позволить ссылки, и тогда пользователи смогут оставлять ссылки на фото и видео, размещенные на других серверах.
Если ваш форум не предназначен для обсуждения программного кода, можно отключить и функцию позволить коды.
¦ Произведите настройку форума на закладке Настройки.
¦ Перейдите на закладку Доступ. Здесь надо настроить права доступа к создаваемому форуму. Как правило, разрешается:
- всем пользователям Ответ;
- зарегистрированным пользователям Новая тема;
- модераторам Модерирование.
Вы можете назначить иные права доступа.
¦ Сохраните внесенные изменения. Форма создания форума закроется, и новый форум появится в общем списке форумов.
¦ Создайте по описанному алгоритму нужные форумы.
Теперь можно переходить к другим функциям управления.

Звания

В целях морального стимулирования посетителей форума придумано несколько механизмов. В 1С-Битрикс: Управление сайтом это компоненты Звания и Баллы за сообщения.
Компонент Звания действует, как в армии: чем больше служишь (пишешь), тем выше звание. Чем выше звание, тем больше голосов может отдать (забрать) пользователь за того или иного автора сообщения.
Голоса это своеобразный рейтинг, который определяется голосами самих форумцев.

ЗАМЕЧАНИЕ

Голоса могут даваться и отбираться. Дать голоса можно только в том объеме, в котором позволяет звание пользователя.
Отнять их можно только в том количестве, в котором вы дали, не более.
По умолчанию в дистрибутиве создано четыре звания. Как правило, больше и не требуется. Необходимо только отредактировать их, дав названия, соответствующие тематике форума.
При желании можно еще изменить число голосов, которые может присваивать (отнимать) пользователь того или иного звания. Для этого:
¦ Перейдите на страницу Сервисы ^ Форумы ^ Звания. Откроется список имеющихся званий.
¦ Откройте для редактирования нужное звание (рис. 12.7).


Рис. 12.7.
Форма редактирования звания ¦ Отредактируйте звание под ваши потребности.
Не трогайте поле Мнемонический код оно необходимо более опытным разработчикам для специфических нужд.
¦ Сохраните внесенные изменения. Форма закроется, откроется список званий.
¦ Отредактируйте остальные звания под потребности вашего форума.
Звания даются пользователям в зависимости от числа сообщений. За определенное число сообщений присваивается определенное число баллов.
Настроим этот механизм.

Настройка баллов за сообщения

По умолчанию предусмотрены две записи. Можно отредактировать существующие, можно добавить новые.
Главное знать, что переход от одной системы начисления к другой происходит автоматически при достижении пользователем определенного числа сообщений. То есть если в записи установлено, что новый режим добавления баллов действует с 200 сообщений, то с 201-го сообщения начнет действовать другая норма начисления баллов.
Для редактирования баллов:
¦ Перейдите на страницу Сервисы ^ Форумы ^ Баллы за сообщения. Откроется список всех доступных записей.
¦ Откройте для редактирования любую из записей (рис. 12.8).


Рис. 12.8. Редактирование записи баллов за сообщения
¦ Измените параметры в поле Баллов за сообщения и (при необходимости) в поле Минимальное количество сообщений.
¦ Сохраните внесенные изменения. Форма закроется, а система вернется к списку записей.
Мы настроили систему добавления баллов за сообщения.

Смайлики и иконки

Смайлики и иконки непременный атрибут любого форума. Системный набор смайликов может вас не удовлетворить.
Вы можете заменить их или добавить свои. Для этого:
¦ Перейдите на страницу Сервисы ^ Форумы ^ Смайлики. Откроется список всех смайликов, доступных системе.
¦ Щелкните по кнопке Новый смайлик на Контекстной панели. Откроется форма добавления нового смайлика (рис.
12.9).
¦ При необходимости измените величину поля Сортировка.
¦ Выберите нужный тип загружаемого изображения: иконка или смайлик .

ЗАМЕЧАНИЕ

Понятия иконка в шаблоне форума default нет. Они есть только в шаблоне old.


Рис. 12.9. Загрузка нового смайлика
¦ В поле Написание смайлика введите группу символов, которые система будет заменять загружаемой картинкой.
¦ В поле Изображение смайлика с помощью кнопки Выберите файл укажите системе расположение картинки нового смайлика для загрузки.
¦ Введите название смайлика.
¦ Сохраните внесенные изменения. Смайлик загрузится, а система
вернется к списку смайликов и иконок.
Теперь новый смайлик можно использовать в сообщениях форума.

Фильтр нецензурных слов

Одна из вечных проблем форума использование посетителями ненормативной лексики. Конечно, модератор может вручную редактировать такие сообщения, но это довольно трудоемкий процесс, и на форумах с большой посещаемостью лучше использовать автоматизированные фильтры.
Сам фильтр мы включили в настройках модуля. Осталось научиться добавлять и редактировать слова в словарях.
Данный фильтр снабжен двумя словарями: собственно словарем слов и словарем транслита. Со словарем слов все понятно.
В него входят слова, которые система должна искать в сообщениях и делать с ними то, что предписано настройками модуля (закладка Фильтр нецензурных слов). Однако при написании можно, например, вместо русской а использовать латинскую a. Для системы это будут разные слова, и она пропустит такое нецензурное слово.
Для этого и создан словарь транслита, который рассматривает все возможные варианты замены одних букв другими (либо сочетанием букв). В существующем словаре транслита представлены все возможные варианты подмены.
Вряд ли в этом списке появится что-то новое, поэтому не будем детально рассматривать его. Просто обратим ваше внимание на знаки Л, %, тся, ться.
Они пригодятся нам при задании слова для словаря.

ЗАМЕЧАНИЕ

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

ЗАМЕЧАНИЕ

Создание действующего словаря дело довольно трудное. Учесть все возможные словоформы и не запретить при этом использование легальных слов такое действие требует умения и терпения.
Под знаком л подразумевается приставка, под знаком % окончание. В качестве окончаний тся и ться даны все возможные транслитерации. То есть при задании слов можно использовать знаки л и %. Это существенно сокращает словарь слов без потери его эффективности.
При этом не надо вводить все возможные варианты нецензурного слова с учетом приставок. Достаточно перед корнем поставить знак л, и для системы это будет сигналом отфильтровывать все однокоренные слова с приставками. Абсолютно аналогично с окончаниями, которые обозначаются символом %.
В отличие от словаря транслита, словарь слов может потребовать пополнения. Язык живое существо, он меняется.
Скажем, классические матерные слова могут передаваться искаженным русским языком, который получил в Интернете название албанского. Поэтому познакомимся с добавлением слов в словарь.
Сделаем это на примере грубого слова просраться.
¦ Перейдите на страницу Сервисы ^ Форумы ^ Фильтр нецензурных слов ^ Словарь нецензурных слов ^ Словарь соответствующего языка. Откроется список слов словаря.
¦ Щелкните по кнопке Добавить на Контекстной панели. Откроется форма добавления слова (рис.
12.10).


Рис. 12.10. Форма добавления слова
¦ В поле Поиск введите *сра%.
Это означает, что система будет искать слова с корнем сра, любым числом произвольных символов до корня и окончаниями, записанными в словаре транслита.
Поле Активен предназначено для быстрого отключения слова из числа используемых системой.
А вот с полем Тип создания шаблона придется разобраться. Доступны три варианта шаблона:
- слово (без использования словаря транслита);
- транслит (с использованием словаря транслита);
- регулярное выражение.
Проще всего с первым. Выбор этого типа шаблона означает, что система будет искать слова точно в том виде, в котором они написаны в поле Поиск.
Транслит это ввод формы с символами, указанными в словаре транслита, а также с символами ? и *. Символ ?означает один произвольный знак, а символ * произвольное число знаков. Оба этих символа могут применяться в любом месте вводимого выражения.
Регулярное выражение это непонятная, с точки зрения обычного человека, череда знаков, которая имеет смысл только для машины (и программиста). Увидеть этот шаблон довольно просто, если с помощью кнопки Настроить на странице Сервисы ^ Форумы ^ Фильтр нецензурных слов ^ Словарь нецензурных слов ^ [га]Словарь слов включить в таблице слов колонку Шаблон (рис.
12.11). Вы вряд ли будете использовать регулярные выражения, но знать о них надо.
¦ Выберите нужный тип шаблона. В нашем случае это будет Транслит.
¦ Если в настройках модуля предусмотрено действие Заменить, введите в поле Замена слово (фразу), которое должно быть подставлено вместо найденного нецензурного слова. Если поле останется пустым, будет использоваться фраза, указанная в настройках модуля.
¦ При необходимости введите описание для данного слова.
¦ Сохраните внесенные изменения. Слово сохранится, а система вернется к списку всех слов словаря.

Управление темами

Управление темами в административной части осуществляется на странице Сервисы ^ Форумы ^ Управление темами. Вы можете удалить и отредактировать тему.
Выполнение этих операций производится типовым для системы 1С-Битрикс: Управление сайтом способом, поэтому задерживаться на нем мы не будем.

Управление подпиской

Управление подписками пользователей в административной части осуществляется на странице Сервисы ^ Форумы ^ Управление подпиской. Вы можете лишь удалить подписки избранного пользователя.
Выполнение этой операции производится типовым для системы 1С-Битрикс: Управление сайтом способом.

Управление пользователем

В главе 6 мы рассматривали пример создания пользователя, но закладки Форум не касались. Теперь пришло время рассказать о настройках этой закладки.
¦ Перейдите на страницу Настройки ^ Пользователи ^ Список пользователей. Откроется список пользователей системы.
¦ Откройте для редактирования любого пользователя. Отобразится форма редактирования свойств пользователя.
¦ Перейдите на закладку Форум (рис. 12.12).
Упомянем поля, названия которых могут показаться не столь прозрачными.
Поле Разрешено писать функция для администраторов. Снятие флажка с этого поля позволяет быстро запретить пользователю постить сообщения.
Аналогичное поле есть и в публичной части, на закладке Профиль форума страницы Путь_к_форуму ^ Пользователи ^ имя_ пользователя ^ Изменение профиля. Особенность отображения этого поля в публичной части заключается в том, что самому пользователю оно не видно.
Кроме администратора сайта, эта настройка в публичной части доступна лишь пользователям, имеющим права запись на модуль форума.


Рис. 12.12. Закладка Форум в настройках пользователя
Поле Пояснение это надпись, появляющаяся под именем пользователя (произвольная, небольшая в два-три слова). В отличие от текста из этого поля, текст подписи может быть большим до нескольких предложений.

Настройка компонента Форум

Теперь можно приступить к настройке комплексного компонента
Форум.
¦ Перейдите на страницу Форум раздела Разработка.
¦ В меню команд компонента Форум выберите Редактировать параметры компонента. Откроется диалог настройки параметров компонента (рис.
12.13).
Рассмотрим настройки этого параметра по группам. Всего в нашем распоряжении восемь групп и более 70 параметров.
Все это предоставляет широкие возможности по настройке форума под требования ТЗ и дизайна сайта, даже не прибегая к редактированию шаблона компонента.


Рис. 12.13. Диалог настройки параметров форума
Группы параметров:
- Шаблон компонента выбор шаблона внешнего вида форума.
- Настройки шаблона детальная настройка внешнего вида для шаблона default.
- Дополнительно детальная настройка внешнего вида для шаблона old.
- Основные параметры настройка основных параметров форума.
- Управление адресами страниц включение ЧПУ и настройка его параметров.
- Настройки кеширования параметры управления кешем компонента.
- Дополнительные настройки дополнительные параметры работы компонента.
- Настройки администратора опция для облегчения жизни администратора сайта.
- Настройки RSS включение RSS и настройка его параметров.
Мы не будем проводить детального рассмотрения каждого параметра, так как суть большинства полей ясна из их названия. Упомянем лишь параметры, на которых стоит обратить внимание.

Шаблон компонента

В этой группе выбирается шаблон, который будет применен к форуму. Есть два варианта: default по умолчанию и old старый, использовавшийся до версии 8.0.
От выбора шаблона зависит вид форума, а также настройки, которые вы можете применять к компоненту Форум. При желании можно использовать шаблон old, но он морально устарел.
Поэтому мы будем говорить только о шаблоне default.

Настройки шаблона

Эта группа параметров позволяет настроить внешний вид форума, не прибегая к серьезной кастомизации самого шаблона. Доступны восемь цветовых схем (поле Тема).
Если этого мало, можно создать собственную тему, поместив ее в папку www/bitrix/components/bitrix/ forum/templates/.default/themes/. Для этого достаточно создать собственный файл CSS и собственные картинки.
После размещения файла CSS и файлов картинок в указанной папке новый шаблон отобразится в общем списке шаблонов.
Аналогична и постраничная навигация на форуме. Вы можете самостоятельно создать шаблон и поместить его в папку www/bitrix/ templates/.default/components/bitrix/system.pagenavigation/forum/.
Только это требует уже умения программировать на PHP.
? Текстовый сЬор?м обо всем на свете 135 715 чсмяч... (Гость) форум абсолютно открытый и не ограниченный ни чем и ни кем. Все могут создавать новые тегы. Загрузки файлов запрещены. Используется каптча.
U б, U5,2009 15: UL 31 Рис. 12.14. Выводятся первые пять знаков в сообщении (выделено рамкой)
Обратите внимание на поле Длина фразы. Оно действует только на индексной странице форума и предназначено для вывода определенного числа знаков сообщения.
На рисунке. 12.14 рамочкой выделено событие, которое произойдет, если поставить в этом поле число 5: отобразятся первые пять знаков, остальные отрежутся.

Основные параметры

Здесь настраиваются существующие форумы, которые будет отображать данный компонент. Вы можете создать несколько страниц с использованием комплексного компонента Форум и задать каждой из них отображение собственного форума, а можете вывести все форумы на одной странице с помощью поля Показывать только выбранные форумы.
Если для пользователей заданы дополнительные свойства, они выводятся с помощью поля Показывать доп. свойства в профиле.

ЗАМЕЧАНИЕ

Дополнительные свойства это поля для ввода не предусмотренной по умолчанию информации о пользователе. Эти свойства задаются на странице Настройки ^ Настройки продукта ^ Пользовательские поля. О них мы не писали в книге в силу ограниченности объема.
Если у вас возникнут вопросы по созданию такого поля, обратитесь к документации по продукту.

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

Здесь задается возможность выводить человекопонятные (ЧПУ) адреса страниц форума. То есть не адреса вида Шір://мой_сайт//отт. php?PAGE_NAME=readFID=1TID=79, а адреса вида кир://мой_ сайт//отт.ркр//отт1/іоріс79.
По умолчанию эта функция отключена. Если вы хотите установить такое отображение, поставьте флажок Включить поддержку ЧПУ.
После этого появится множество полей, менять которые на начальном этапе освоения 1С-Битрикс: Управление сайтом не рекомендуется.

Настройки кеширования

Настройки кеширования выполняются аналогично другим комплексным компонентам.

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

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

УСТАНОВКА CMS НА ЛОКАЛЬНЫЙ КОМПЬЮТЕР

Названия программ выделяются другим типом шрифта.
¦ Пошаговые инструкции выделены так.
- А так отмечаются перечисления свойств и параметров.
Это сделано, чтобы вы сразу могли настраиваться на нужный режим работы. Если встречается ромбик, необходимо сразу тянуться к мыши или клавиатуре, а если точка запоминать и анализировать.

ЗАМЕЧАНИЕ

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

Резюме

Вы познакомились с понятием CMS и получили представление о системе 1С-Битрикс: Управление сайтом в самых общих чертах. В следующей главе мы установим эту систему на локальный компьютер.

Глава 2УСТАНОВКА CMS НА ЛОКАЛЬНЫЙ КОМПЬЮТЕР

Освоить CMS 1С-Битрикс: Управление сайтом можно, даже не выходя в Интернет. Одной из особенностей этой системы по управлению сайтом является возможность установки на локальном компьютере и работа в локальном режиме.
В этом плане CMS 1С-Битрикс: Управление сайтом абсолютно автономна. Ей не нужны ни внешние серверы, ни дополнительные настройки компьютера.
Просто инсталлируйте CMS и создавайте сайт.
В этой главе мы научимся устанавливать систему на локальный компьютер, запускать ее и деинсталлировать. Однако перед этим надо сделать небольшое отступление. Дистрибутивы 1С-Битрикс: Управление сайтом поставляются в двух видах: закодированными и в исходных текстах.
Первые демо-версии, вторые коммерческие. Первые можно устанавливать без ключа (или с пробным ключом), вторые только с лицензионным ключом.
Для нашего опыта создания тестового сайта вполне достаточно демо-версии, а вот для рабочего сайта нужен коммерческий дистрибутив.
В главе 5 мы расскажем, как загрузить коммерческую версию на хостинг. Создавать сайт на локальной демо-версии и потом экспортировать его на коммерческую, конечно, можно. Для этого даже есть специальный инструмент. Но лучше этого не делать в силу ряда причин.
Прежде всего потому, что для корректной работы экспортированного сайта желательно, чтобы версия ядра демонстрационной и коммерческой версий совпадала. А так как на создание локальной версии уйдет время, за которое ядро коммерческой версии может обновиться, то рабочий сайт лучше создавать сразу на удаленном сервере.
Но пока это только отступление, ведь надо еще научиться создавать сайт.

Учебные курсы

Для тех, кто хочет более серьезно овладеть 1С-Битрикс: Управление сайтом, есть бесплатные учебные онлайновые курсы на сайте компании 1С-Битрикс. Курс по установке называется Установка и настройка (BX-CONF001).

Где взять дистрибутив

На диске, прилагаемом к книге, находится демонстрационный дистрибутив Битрикс: Веб-окружение. Он размещен в папке Дистрибутив.
Если по каким-то причинам (утерян или поврежден диск) использовать этот дистрибутив вы не можете, загрузите самую свежую версию инсталлятора с сайта компании 1С-Битрикс по ссылке download/cms.php#tab-trial-Hnk.
На этой странице нужно найти ссылку на нужную вам редакцию Битрикс: Веб-окружение. Начиная с седьмой версии 1С-Битрикс: Управление сайтом поставляется в разных редакциях даже для демоверсии.
Вам нужен файл small_bisness_encode_php5.exe. Загрузите его с сервера компании 1С-Битрикс.
Демо-версия работоспособна в течение 30 дней. Если вы не успеете освоить систему или создать свой сайт за этот срок, не переживайте. После окончания демонстрационного периода можно просто деинсталлировать CMS 1С-Битрикс: Управление сайтом с сохранением всех нужных вам папок и снова установить ее, продолжив работу (сделать это нужно с помощью штатных инструментов резервного копирования системы, которые описаны в главе 3).
Ограничения на время использования наложены на программу в связи с ее статусом коммерческой CMS. Но многократная переустановка работает только на локальном компьютере.
Если вы выложите готовый сайт на сервер, то работоспособным он будет только 30 дней, даже если вы удалите CMS с сервера и загрузите ее заново.
Правда, вышесказанное относится только к самому сайту, а не к базе данных. Если вы выполните резервное копирование средствами системы 1С-Битрикс: Управление сайтом, то восстановление вам ничего не даст: демо-период зачтется. Поэтому после инсталляции рекомендуется сразу же заняться созданием шаблона дизайна.
При отсутствии опыта на это может уйти от недели до месяца. После создания самого дизайна можно, как описано выше, деинсталлировать программу с сохранением файлов шаблона дизайна. Установив ее заново, вы тут же можете скопировать на нее уже сделанный дизайн и приступить к наполнению сайта контентом с использованием базы данных.
На это у вас и будет 30 дней.
Если не успеете заполнить базу данных за 30 дней, воспользуйтесь еще одним способом, который тоже работает только на локальном компьютере, переводом системных часов компьютера назад. На сколько дней переведете, столько дней и сможете работать.
На хостинге про все подобные фокусы забудьте. Там все строго: 30 дней с момента первого обращения к базе данных.
Вполне возможно, что у вас уже есть лицензионная версия CMS, купленная в сети или в коробочном варианте через сеть компании 1С. Все нижесказанное справедливо и для нее.
Дистрибутив рассчитан на установку на компьютер под управлением операционной системы Windows. Демо-версии для операционных систем Linux или Mac в виде единого файла типа Битрикс: Веб-окружение нет.
Если вы используете какую-то из этих двух ОС, придется воспользоваться виртуальными машинами, о функционировании которых нужно поинтересоваться у специалистов или в Интернете: этот аспект выходит за рамки нашей книги.

ЗАМЕЧАНИЕ

В принципе, демо-версию 1С-Битрикс: Управление сайтом установить на ОС Linux можно. Но это требует установки на локальный компьютер дополнительных программ: веб-сервера Apache, базы данных MySQL, программы Zend Optimizer, PHP Рекомендуется добавить к этому комплекту и eAccelerator.

Инсталляция CMS

Мы рассмотрим самый простой вид инсталляции: с помощью Би-трикс: Веб-окружение. Битрикс: Веб-окружение это специальная программа, которая, кроме самой 1С-Битрикс: Управление сайтом, установит на локальный компьютер все необходимые для ее работы программы: веб-сервер Apache, базу данных MySQL, Zend Optimizer, PHP.

ЗАМЕЧАНИЕ

Возможна также установка на веб-сервер Internet Information Services (IIS). Но так как данная конфигурация пока не получила широкого распространения у хостинговых компаний, ее мы упоминать не будем. С описанием установки 1С-Битрикс: Управление сайтом на сервер IIS вы можете ознакомиться в документации к продукту.
Все работы непосредственно по созданию сайта не зависят от того, какой веб-сервер будет использоваться в дальнейшем.
Перед установкой нужно убедиться в соответствии вашего компьютера системным требованиям. Это действие во многом формально, так как практически любой современный компьютер удовлетворит указанным требованиям:
- Windows 98/ME/NT/2000/XP/2003 Server/Vista/2008 Server.
- 100 Мб свободного места на диске.
- Компьютер должен быть подключен к Интернету, если используется загруженный с сайта файл Битрикс: Веб-окружение.
Убедившись, что с системными требованиями все в порядке, приступим к установке.

Начало установки 1С-Битрикс: Управление сайтом

¦ Вставьте диск с дистрибутивом в дисковод компьютера.
¦ Из Проводника Windows или файлового менеджера запустите файл small_bisness_encode_php5.exe. Откроется первый шаг Мастера установки 1С-Битрикс: Управление сайтом (далее просто Мастер) (рис.
2.1).


Щелкните по кнопке [ Далее ]- Откроется следующее окно Ма
стера. В этом окне необходимо ознакомиться с лицензионным со-
глашением, иначе вы не сможете использовать CMS 1С-Битрикс: Управление сайтом.
¦ Установите флажок Я принимаю условия соглашения. Активируется кнопка I Далее 1.
¦ Щелкните по кнопке [ Далее |. Откроется следующее окно Масте
ра (рис. 2.2).

Установка: Битрикс: Веб-окружение

Очень маловероятно, что у вас уже установлен Битрикс: Вебокружение. Поэтому не снимайте флажок с поля Скачать и установить Битрикс: Веб-окружение. А вот по поводу UTF-8 стоит подумать.
Если вы предполагаете, что где-то на сайте возникнет потребность в отображении разных языков, то она вам необходима. Например, кто-нибудь напишет на форуме на испанском или немецком, а без UTF-8 некоторые буквы могут не отразиться.
Учтите и то, что впоследствии смена кодировки потребует серьезных работ по переносу контента. Если вам необходима поддержка UTF-8 (а это фактически стандартная кодировка), выполните следующие действия:
Установите флажок в соответствующем поле.
Щелкните по кнопке [_
пее Откроется следующее окно Мастера. Это окно информационное.
Проверьте параметры установки.
Если они вас не устраивают, с помощью кнопки тесь к предыдущему шагу и измените настройку.
Начнется
Если настройка верна, щелкните по кнопке процесс установки.
Процессу установки будет предшествовать этап загрузки файла bitrix_env.exe с сайта компании 1С-Битрикс. Если вы устанавливаете 1С-Битрикс: Управление сайтом с компакт-диска, то этап загрузки будет пропущен, файл будет загружен с CD.
Откроется следующее окно с приветствием установки программы Битрикс: Веб-окружение.
¦ Щелкните по кнопке Далее . Откроется лицензионное согла
шение по программе Битрикс: Веб-окружение. Без его принятия дальнейшая установка опять же невозможна.
Здесь необходимо пояснить, что 1С-Битрикс: Управление сайтом и Битрикс: Вебокружение это разные программы, и поэтому возникла потребность дважды подтверждать согласие с лицензионным соглашением.
Ознакомьтесь с лицензионным соглашением и поставьте флажок Я принимаю условия соглашения. Щелкните по кнопке [ Далее \
Откроется следующий диалог.
Выберите путь к папке для установки Битрикс: Веб-окружение.
Выберите место для размещения ярлыка программы в меню
Пуск ^ Программы.
кнопке
Если нужно создать ярлык на рабочем столе вашего компьютера, поставьте флажок Создать ярлык на рабочем столе. Щелкните по Далее 1 Откроется диалог выбора порта веб-сервера
(рис. 2.3).

ЗАМЕЧАНИЕ

По умолчанию виртуальный сервер системы использует порт localhost:6448. Но его можно настроить на любой другой порт (например, 6447) при условии, что данный порт не используется другим приложением (например, IIS).
Изменить настройки виртуального сервера можно в файле bx_dir.conf, расположенном в папке C:\Program Files\Bitrix Environment\apache\conf\. Если вы не уверены в необходимости смены порта, оставьте настройки по умолчанию.


¦ Щелкните по кнопке [ Далее |. Откроется следующее окно Ма
стера. Здесь можно проверить параметры установки Битрикс: Вебокружение.
При необходимости вернитесь назад и измените параметры.
¦ Если все параметры вас удовлетворяют, щелкните по кнопке
Установить]. Начнется процесс установки.


После установки откроется завершающий диалог установки Би-трикс: Веб-окружение. Закройте его, система перейдет к установке 1С-Битрикс: Управление сайтом. Ход процесса установки можно контролировать по графическому индикатору.
По завершении процесса откроется последнее окно с уведомлением об успешной установке.
¦ Щелкните по кнопке Завершить . Мастер установки ІС-Битрикс:
Управление сайтом завершит свою работу в оконном режиме, и в системном лотке операционной системы появится ярлык программы Щ , откроется браузер, и в нем запустится вторая, браузерная часть Мастера установки 1С-Битрикс: Управление сайтом (рис. 2.4).

Продолжение установки 1С-Битрикс: Управление сайтом

Первый шаг этой части Мастера собственно установка продукта. Вам придется немного подождать, пока после завершения установки не откроется второй шаг создание администратора сайта (рис 2.5).


- Логин имя администратора, не менее трех символов.
- Пароль пароль администратора, не менее шести символов. Логин и пароль вводятся латиницей.

ЗАМЕЧАНИЕ

В системе 1С-Битрикс: Управление сайтом без особой необходимости лучше не пользоваться кириллицей для названий файлов, заполнения полей пароля, логина, символьного кода, ID и т. п. При заполнении таких полей желательно также не пользоваться пробелами и точками. Например: t.ovari_dlya_ribalki или merchendise_for_fishing.
При задании символьных кодов лучше в качестве первого знака не использовать цифру. Там, где возможно использование кириллицы, это будет оговариваться в тексте отдельно.
¦ Подтвердите пароль повторным вводом. Имя и фамилия администратора не являются обязательными полями, их можно проигнорировать.
¦ Щелкните по кнопке [ Далее | откроется Мастер создания демо-
сайта.

Мастер создания демо-сайта

Мастер создаст демонстрационный сайт, с помощью которого вы сможете ознакомиться с работой CMS. Первый диалог это приветствие Мастера. В нем есть две кнопки: Далее и Отмена.
Кнопка Далее продолжает работу Мастера.

ПРИМЕЧАНИЕ

А вот использование кнопки Отмена в Мастере создания сайта приведет к тому, что продукт будет установлен в чистом виде, без демо-данных. Эта функция предназначена для разработчиков проектов, не для нас.
Щелкните по кнопке Мастера (рис. 2.6).
. Система перейдет ко второму шагу
Нужно выбрать тип сайта. Шаблоны различаются между собой внешним оформлением, представленной информацией на главной странице сайта, а также базовыми настройками.
Вы можете попробовать любой, но для нашего тестового сайта необходима установка шаблона Веб 2.0.
¦ Поставьте флажок в поле Сайт Веб 2.0.
¦ Щелкните по кнопке [ Далее |. Мастер перейдет к следующему
шагу, на котором вам будет предоставлен выбор цветовой гаммы сайта. В нашем случае цветовая гамма не имеет никакого значения, так как мы будем интегрировать собственный дизайн.
¦ Выберите любую гамму.


Щелкните по кнопке [ Далее ]. Мастер перейдет к следующему


Щелкните по кнопке [ Далее ]- Мастер перейдет к следующему
шагу. На этом шаге нам предстоит выбор модулей для установки (рис. 2.8).
При установке на локальный компьютер мы рекомендуем установить все модули и ознакомиться с ними на локальном сайте.


Рис. 2.8. Выбор модулей для установки
¦ Щелкните по кнопке [ Установить |. Начнется процесс установки, отслеживать который можно по полосе прогресса. После завершения установки откроется последний диалог, в котором нужно щелкнуть по кнопке Перейти на сайт.
Откроется созданный вами демо-сайт.

Запуск и закрытие программы

Первый после установки запуск программы происходит автоматически. А вот последующие запуски осуществляются обычным для запуска программ способом:
- Через команду Пуск ^ Все программы ^ Битрикс: Веб-окружение ^ Битрикс: Веб-окружение 1.0.
- С помощью ярлыка программы который создается на рабочем столе при установке программы.
Любым из этих способов запустится браузер (либо новая закладка, если браузер уже запущен), и в Панели задач появится ярлык программы.
Если вы закрыли браузер при работающей программе, дальнейшее открытие 1С-Битрикс: Управление сайтом возможно из контекстного меню ярлыка программы на панели задач (рис. 2.9).


Рис. 2.9. Ярлык Битрикс: Веб-окружение на Панели задач
В контекстном меню этого ярлыка, вызываемом правой копкой мыши, есть всего три команды:
- Открыть запуск браузера с программой;
- О программе переход к сайту 1С-Битрикс;
- Выход выход из программы.
Как видите, все очень просто, демо-сайт готов к вашим экспериментам (рис. 2.10).


Рис. 2.10. Демо-сайт создан

ЗАМЕЧАНИЕ

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

Регистрация демо-версии пробным ключом

Демо-версия, как уже говорилось, не требует ввода ключа. Она полнофункциональна в течение 30 дней, за исключением функции обновления. Чтобы иметь возможность обновлений, необходимо получить пробный ключ. Возможно, вам будет сложно выполнить следующую инструкцию, так как мы еще не знакомились с интерфейсом программы, но уверен, что вы справитесь.
В крайнем случае обратитесь к главе 3, а потом вернитесь сюда.
Перейдите на панель управления.
Щелкните по кнопке ЕД на панели инструментов. Вы перейдете в раздел Обновления, в котором отобразится ошибка Лицензия не найдена (рис. 2.11).
На иллюстрации показаны все поля, которые нам будут нужны.
Обнаружены ошибки:
[LlCENSE_NOT_FOUND] Лицензия не найдена
Если у вас нет лицензионного ключа, то для активизации системы обновлений вам необходимо зарегистрироваться и получить пробный лицензионный ключ.
Получить пробный лицензионный ключ
j2) Полученный ключ введите на странице изменения глобальных настроек сервера (пункт меню Настройки) или в этой форме:
w [DEMO I [ Сохранить ключ]
Новые обновления ядра продукта не доступны.
Рис. 2.11. Ошибка
Вы можете спокойно продолжать работу в 1С-Битрикс: Управление сайтом с этой ошибкой. Она не влияет на работоспособность системы.
Для получения пробного ключа необходимо иметь подключение к Интернету.
¦ Откройте ссылку Получить пробный лицензионный ключ. В новом окне (или закладке зависит от версии браузера) откроется страница сайта 1С-Битрикс с формой для регистрации (рис.
2.12).


Рис. 2.12. Форма регистрации для получения пробного ключа
Для получения лицензии нужно обязательно заполнить следующие поля:
- Ваша фамилия укажите вашу фамилию;
- Ваше имя укажите ваше имя;
- E-mail укажите адрес вашей электронной почты. Адрес должен быть рабочим, по нему и будет выслан пробный лицензионный ключ;
- Адрес сайта можно вместо адреса сайта указать: localhost;
- Тип лицензии выберите из списка версию устанавливаемого продукта;
- Тип базы данных для демо-версии укажите: MySQL.
А эти поля необязательны для заполнения:
- Компания название компании;
- Телефон номер контактного телефона.
¦ Щелкните по кнопке Отправить. На странице сайта появится уведомление об отправке вам ключа.
Осталось дождаться электронного письма примерно с таким содержанием:
Регистрационный ключ продукта 1С-Битрикс: Управление сайтом
Спасибо за ваш интерес к продукту 1С-Битрикс: Управление сайтом
По вашему запросу вам выдан лицензионный ключ SM7-**-**************** Лицензия Стандарт
Срок действия ключа с 30.05.2009 по 29.06.2009
Введите лицензионный ключ на странице изменения настроек сервера (пункт меню Настройки).
¦ Вместо слова DEMO (см. рис. 2.11) введите полученный вами ключ.
¦ Щелкните по кнопке Сохранить ключ. Версия зарегистрируется, станут доступными обновления.
Как выполнять сами обновления, вы узнаете в следующей главе.

Деинсталляция

По истечении 30 дней демо-версия 1С-Битрикс: Управление сайтом перестанет функционировать. Если этого срока окажется мало для ее изучения и создания тестового сайта, можно деинсталлировать ее и поставить заново, соблюдая рекомендации, данные выше.
Программа удаляется так же, как и любая другая: по команде
Пуск ^ Все программы ^ Битрикс: Веб-окружение ^ Uninstall либо через меню Панель управления ^ Установка и удаление программ.

Резюме

Система 1С-Битрикс: Управление сайтом установлена на вашем компьютере. Можно приступать к созданию собственного сайта, но для начала хорошо бы изучить систему поближе, познакомиться с интерфейсом и типовыми методами работы в ней.

Глава 3ИНТЕРФЕЙС, БАЗОВЫЕ ПОНЯТИЯ И ДЕЙСТВИЯ

Любая программа имеет определенный набор понятий и типовых действий, которые необходимо знать и уметь выполнять. Без этого работа в ней невозможна.
В этой главе будут описаны такие понятия, действия и приемы для CMS 1С-Битрикс: Управление сайтом. Если вам не терпится приступить к работе с самой системой, то, в принципе, эту главу можно пропустить, возвращаясь к ней, если возникнет потребность в пояснении команд, элементов интерфейса и других моментов.
Но мы рекомендуем внимательно ознакомиться с ней без этого будет довольно сложно.

Учебные курсы

Это не единственная наша рекомендация. Для тех, кто хочет уверенно владеть данной CMS, рекомендуем изучить специальные курсы по 1С-Битрикс: Управление сайтом.
Они расположены на сайте компании, и их можно изучать в онлайновом режиме в любое удобное время. В рамках темы главы есть два курса:
- Элементы управления. Обучающий курс (BX-ADM001).
- Визуальный HTML-редактор (BX-ADM008).

Интерфейс программы

Начнем мы со знакомства с интерфейсом программы (рис. 3.1).

ПРИМЕЧАНИЕ

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


Рис. 3.1. Так выглядит 1С-Битрикс изнутри
1С-Битрикс: Управление сайтом с административной стороны, с которой его не видит обычный посетитель сайта, имеет несколько закладок и зон в этих закладках. Начнем с самого главного с административной панели.

Административная панель

Административная панель (рис. 3.2) основной элемент управления административной частью сайта. Это что-то вроде штаба, который обеспечивает общее управление, передавая по мере необходимости функции управления нижестоящим офицерам.
Она меняет свой вид в зависимости от того, какая из закладок активна в данный момент.


Рис. 3.2. Административная панель, открытая на закладке Панель управления
У правого края панели есть особая кнопка: ЕД. Ее функция зафиксировать административную панель на экране браузера. Если она нажата (то есть в том виде, как на нашей иконке), то при использовании полосы прокрутки область под панелью как бы заезжает под панель. При отжатой кнопке (как на рис.
3.2) панель скрывается при использовании полосы прокрутки.

ЗАМЕЧАНИЕ

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

ВЕБ-ФОРМЫ И РАБОТА С НИМИ

К сожалению, в функционале 1С-Битрикс: Управление сайтом нет возможности копировать папку или файл с переименованием. Поэтому нам придется делать так: скопировать папку с шаблоном в другую папку, переименовать ее и вернуть обратно.
¦ Поставьте флажок в строке папки news.
¦ На панели действий выберите Копировать и скопируйте папку в любую другую папку.
¦ Перейдите в папку, куда скопировали папку news.
¦ Переименуйте папку news в subs_article.
¦ Перенесите переименованную папку обратно в bitrix/php_interface/ subscribe/templates.
¦ Откройте папку /bitrix/php_interface/subscribe/templates/subs_article.
¦ Вызовите контекстное меню на строке с файлом template.php.
¦ Выберите команду Редактировать как HTML (рис. 9.10).
Откроется визуальный редактор.

Рис. 9.10. Выбор файла для редактирования

ЗАМЕЧАНИЕ

Шаблон можно не только создать заново, но и отредактировать, если, например, вам нужен универсальный шаблон для всех видов рассылки. Для этого надо просто открыть файл template.php из имеющейся папки news.
С этого момента создание нового шаблона и редактирование старого выполняются одинаково.
В визуальном редакторе вы увидите уже введенный статический текст и включаемый компонент. Мы изменим постоянный статический текст и добавим в форму рассылки компонент Список новостей, настроив его под анонсы статей.
¦ Измените в визуальном редакторе статический текст под свои потребности. Можно вставить свое приветствие, координаты клуба и т. п.
¦ Вызовите панель Компоненты 2.0.
¦ Откройте раздел Сервисы ^ Рассылки.
¦ Перенесите компонент Список новостей из этого раздела на поле визуального редактора.
С помощью компонента в тело письма добавляется динамическая информация. Например, выборка новостей сайта, список новых товаров или услуг, статистическая информация или другие данные за определенный период.
Тип добавляемых данных зависит от настроек компонента.
Компонент Список новостей производит выборку новостей из одного или нескольких информационных блоков и помещает их в тело письма. При этом все относительные ссылки, содержащиеся в выбранных новостях, заменяются абсолютными.
Таким образом, подписчик может перейти по ссылкам, содержащимся в полученном сообщении, на страницы сайта компании.
Чтобы выборка производилась, необходимо настроить компонент под потребности конкретной рассылки. В нашей рассылке подразумевается, что подписчики будут уведомляться обо всех новых статьях, появляющихся на сайте.
Значит, необходимо настроить компонент под рассылку статей.
¦ Вызовите панель Свойства.
¦ Щелкните по ярлыку компонента Список новостей. На панели свойств отобразятся свойства этого компонента (рис.
9.11).
Шаблон компонента оставим пока без изменений. Вы сможете отредактировать его сами.
¦ Поле Сайт выберите сайт, с которого будет осуществляться выборка информации (в нашем случае сайт Matchfishing);


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

ЗАМЕЧАНИЕ

Раньше мы проставляли значение параметра Сортировка и говорили, что она влияет на положение элемента в общем списке. Это не совсем так, у данного параметра много областей применения.
В частности, он не только позволяет формировать расположение в списке элементов, но и может определять положение новости в списке новостей.
¦ Поле Направление сортировки новостей позволяет выбрать направление сортировки списка новостей в рассылке по убыванию или возрастанию.
¦ Сохраните внесенные изменения. Шаблон сохранится, а визуальный редактор закроется.
При необходимости вы сможете снова проверить внешний вид шаблона .

Резюме

Мы научились создавать рассылки, список подписчиков и сообщения. Теперь вы можете использовать этот инструмент в своем сайте.

Глава 10ВЕБ-ФОРМЫ И РАБОТА С НИМИ

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

ПРИМЕЧАНИЕ

Веб-форма (web-form) это элемент веб-страницы, предназначенный для ввода информации. Поля веб-формы могут заполняться вводом текста либо выбором значений из списка.
Необходимость создания веб-форм на сайте возникает довольно часто. Они используются для организации взаимодействия с посетителями:
- для создания всевозможных анкет;
- для отправки заявок на участие в семинарах;
- для сбора информации на вакансии.
Предположим, что вам надо получить статистику по ряду вопросов для организации соревнований по рыбной ловле. Для этого в качестве тестовой пробы создадим анкету потенциальных участников соревнований штатными возможностями 1С-Битрикс: Управление сайтом.
Анкета будет содержать следующие вопросы:
Фамилия, имя, отчество. Дата рождения.
Адрес.
Опыт участия в спортивных соревнованиях. Лучший результат в этих соревнованиях.
Общий спортивный стаж.
Процесс создания и размещения веб-формы на страницах сайта состоит из нескольких основных этапов работы:
- Создание собственно веб-формы.
- Настройка ее параметров.
- Создание вопросов для формы.
- Создание статусов (в упрощенном режиме этот этап пропускается).
- Размещение компонентов веб-формы на страницах сайта.
Веб-форму можно создавать в расширенном и упрощенном режиме. По умолчанию предусмотрен упрощенный режим.
Его мы и рассмотрим. Расширенный режим предназначен для подготовленных пользователей и отличается от упрощенного следующими моментами:
- Добавляется возможность работы со статусами. Статусы означают определенные этапы в обработке результата веб-формы. Например, на рассмотрении, принято, отклонено и т. д.
- Поля формы можно использовать для представления каких-либо промежуточных или окончательных результатов вычисления, получаемых на основе данных, вводимых в поля для ответов веб-формы.
- В расширенном режиме увеличивается количество параметров, определяемых при редактировании формы.
Все эти возможности для вас не так важны.

Упрощенный режим.Создание анкеты

¦ Перейдите на страницу Сервисы ^ Веб-формы ^ Настройка форм.
Откроется список форм, имеющихся на данный момент.
¦ Выполните команду Создать на Контекстной панели. Откроется
форма создания новой анкеты (рис. 10.1) в закладке Свойства.


Рис. 10.1. Создаем новую анкету
¦ Заполните поля:
- Наименование это название новой веб-формы. В данном случае это Анкета участника.
- Символьный индикатор латинское название формы, с которым будет работать система.
- Порядок сортировки порядок показа веб-формы в списке форм.
- Пункты меню в административном разделе сайта название пунктов меню, которые будут вести к таблицам результатов. Так как в тестовом сайте предусмотрен только русскоязычный вариант, необходимо заполнить поле Russian: Анкета участника соревнования 2008.
- Сайты формы выбирается сайт или сайты системы, на которых будет показана анкета.
- Подпись на кнопке, сохраняющей результаты формы, указывается текст, который будет на кнопке для отправки результатов веб-формы. Можно оставить стандартное Сохранить, но грех не использовать эту возможность, чтобы внести в оформление сайта немного юмора и жизни.
Введем в это поле вариант Участвую!
- Использовать CAPTCHA подключение технологии CAPTCHA, которая служит для предотвращения автоматического заполнения веб-формы. В форме CAPTCHA выглядит как случайная надпись, которую пользователю надо ввести в заданное поле.
¦ Перейдите на закладку Описание.
Закладка представляет собой уже прекрасно знакомый вам HTML-редактор. Поэтому детально мы не будем описывать работу в ней. Необходимо указать описание и изображение для анкеты. В качестве изображения выберем картинку логотипа клуба (вы можете взять любую другую).
Изображение будет показано в публичной части рядом с названием и описанием формы.
¦ Загрузите картинку с помощью поля Изображение и кнопки Обзор.
¦ В поле редактора введите текст Анкета для участников соревнований.
¦ Перейдите в закладку Шаблон формы. Здесь задается вид анкеты.
Можно использовать стандартный вид анкеты, а можно свой собственный.
¦ Пока поставим флажок Использовать свой шаблон формы. Но создавать форму не будем потом мы еще вернемся к этому пункту.
¦ Перейдите к закладке Ограничения.
Интернет-опросы грешат одним неприятным обстоятельством: своей некорректностью из-за возможности одному человеку многократно использовать форму. Для точности обсчетов данных необходимо вводить ограничения.
Впрочем, ограничения нужно вводить не всегда и не везде. При вполне вменяемом сообществе на сайте ограничений можно избежать вряд ли кто-то будет хулиганить, многократно заполняя анкету. Тем не менее в учебных целях мы сейчас введем ограничения. Предположим, что соревнования состоятся через месяц.
Необходимо, чтобы за это время каждый участник соревнований заполнил анкету только один раз.
¦ Поставьте флажок Использовать ограничения.
¦ В поле Максимальное количество результатов от пользователя поставьте 1, то есть один пользователь может ответить только один раз.
¦ В поле Минимальный промежуток времени между результатами
введите 30.
¦ В поле правее выберите единицу измерения времени: сут.
Итак, что у нас получилось? Один человек может ответить только один раз за 30 суток. Но именно столько времени осталось до соревнований.
Значит, цель ограничений достигнута.
В закладке Статистика мы ничего менять не будем система сама подставила нужные значения.
В закладке Доступ тоже ничего не будем менять. Здесь накладываются ограничения на доступ к форме. Уровень доступа по умолчанию задается в настройках модуля Веб-формы, а на закладке Доступ можно его переопределить.
Для нашей анкеты оставим право доступа для всех пользователей по умолчанию заполнение формы.
Анкета сохранится, а система
Щелкните по кнопке Сохранить
вернется к списку веб-форм сайта.
В списке веб-форм вы увидите созданную анкету (рис. 10.2). В колонке Вопросы будет стоять: 0[+]. Это означает, что в анкете не создано ни одного вопроса.
Знак [+] это быстрый переход к форме создания вопросов.

Создание вопросов анкеты

Создадим вопросы с помощью команды Добавить вопрос [+]. Мы добавим один вопрос. Самый первый: Фамилия, имя, отчество.
Остальные вы добавите по этому же сценарию.
¦ Щелкните по кнопке [+]. Откроется форма создания вопроса (рис.
10.3) в закладке Свойства.


Рис. 10.3. Создаем вопрос
¦ Флажок Активен означает активность вопроса в данной анкете. Если вы создали вопрос, анкету и вывесили ее на сайт, а потом поняли, что какой-то из вопросов излишен, можно просто снять флажок Активен у лишнего вопроса, и он пропадет из анкеты.
¦ Поле Порядок сортировки вам уже знакомо и понятно. Введите значение в это поле.
¦ В поле Изображение можно при необходимости добавить файл. Процесс загрузки файла мы описывали в главе 3.
¦ В поле Вопрос введите текст вопроса. В нашем случае Назовите себя: фамилия, имя-отчество.
¦ Поставьте флажок в поле Поле ответа обязательно для заполнения.
Это означает, что ответ на данный вопрос будет обязательным, без ответа на него анкета не зачтется. Некоторые вопросы могут быть необязательными.
Тогда флажок снимается.
¦ В поле Тип поля для ответа оставьте Строка [text].
Ответы бывают разными. В нашем случае мы выбираем просто текстовое поле. Но в системе возможны ответы в следующих вариантах:
- text однострочный текст, самый простой вариант;
- textarea многострочный текст;
- multiselect список вариантов с возможностью множественного выбора, то есть из нескольких предложенных вариантов можно выбрать несколько;
- dropdown список вариантов с возможностью одиночного выбора, то есть из нескольких предложенных вариантов можно выбрать только один;
- radio одиночный выбор;
- checkbox множественный выбор;
- image поле для ввода изображения;
- date поля для ввода даты со встроенным календарем;
- file поле для добавления файла;
- password поле для ввода пароля;
- e-mail поле для ввода электронного адреса;
- url поле для ввода адреса сайта;
- hidden скрытое поле.
Возможности, как видите, богатые можно перекрыть все потребности в опросах. Мы же используем простое однострочное поле.
¦ Поле Ответ оставьте пустым. Ведь его должны будут заполнить пользователи.
Только не забудьте поставить в нем пробел.
¦ Перейдите на закладку Валидатор.

ПРИМЕЧАНИЕ

Валидатор это проверка поля на определенный параметр. Валидатор может проверять объем введенного текста, числа по заданной форме и т. д. Использование валидатора необязательно.
¦ В поле Доступные валидаторы для поля типа text выберите [text_ len] Длина строки. То есть мы будем проверять ответ на длину.
¦ Щелкните по кнопке Добавить валидатор правее указанного поля. Откроется диалог Настройки валидатора (рис.
10.4).


Рис. 10.4. Диалог Настройки валидатора
¦ Минимальную длину можно ограничить пятью знаками (вдруг кореец или китаец попадется), максимальную скажем, 45. Этого хватит даже для Немировича-Данченко с именем и отчеством.
¦ Щелкните по кнопке [ Сохранить ]- Диалог закроется, а добавленный валидатор появится в списке.
При необходимости можно добавить хоть все возможные проверки. А в простых случаях валидаторы можно не применять.
Набор проверок зависит от типа вопроса. Если вы выберете, скажем, ответ в виде url, будут доступны другие валидаторы.
¦ Перейдите на закладку Комментарий.
В поле этой закладки можно оставить замечания, комментарии по поводу вопроса. Если вопрос простой, как у нас, комментарий не понадобится, но в сложных случаях, чтобы ничего не забыть, используйте это поле.
¦ Перейдите к закладке Сохранить . Вопрос сохранится, откроется
список вопросов создаваемой формы.
¦ Выполните команду Добавить на контекстной панели. Вновь откроется форма вопроса.
¦ Составьте все оставшиеся вопросы по описанному выше алгоритму.
Итак, форма составлена, вопросы внесены. Теперь нужно задать внешний вид формы.
Имеющийся в компоненте встроенный шаблон не так уж плох. Его единственный недостаток стандартность, но так как вы используете собственные вопросы, то можете использовать собственные картинки и подкорректировать внешний вид шаблона под дизайн сайта, поэтому применение стандартной формы не так уж и страшно.
Если вы используете стандартный шаблон:
¦ Перейдите к разделу Создание страницы анкеты.
¦ Создайте страницу.
¦ Перейдите в раздел Разработка.
¦ Вызовите команду Редактировать шаблон компонента из контекстного меню компонента Заполнение веб-формы.
Описание способов подгонки шаблона под дизайн сайта мы приводить не будем. Вы это уже столько раз делали, что изучили операцию полностью.
Просто лишний раз напомним, что редактировать желательно не сам шаблон, а его копию.
¦ Сохраните внесенные изменения.
Откроется страница, на которой вы увидите веб-форму с вашим шаблоном .

Создание собственного шаблона

Если вы все же решили создать собственный шаблон, то:
¦ Откройте закладку Шаблон только что созданной анкеты участника соревнований.
¦ Поставьте флажок Использовать свой шаблон формы. Откроется визуальный редактор.
Визуальный редактор будет отличаться от обычного тем, что внизу вместо привычных четырех кнопок останутся только две Свойства и Элементы формы.
¦ Вызовите панель Элементы формы.
В этой панели есть три группы форм:
- Новые поля формы возможность на ходу создавать новые вопросы;
- Существующие поля формы созданные нами вопросы;
- Дополнительные элементы формы вывод текстов вопросов, сообщений об ошибках, сообщений об успешном заполнении формы, кнопки, поля CAPTCHA и т. д.

ЗАМЕЧАНИЕ

Для создания формы не нужно было переходить в форму создания вопросов. Все можно было сделать и здесь, во вкладке Шаблон: добавить форму вопроса, ввести текст вопроса и настроить параметры ответов. Просто этот вариант несколько сложнее и требует навыков.
Вы можете поэкспериментировать с ним самостоятельно, обратившись к документации по продукту.
¦ Вызовите панель Свойства.
¦ Откройте группу Дополнительные элементы формы.
¦ Перенесите из нее на поле визуального редактора элемент Заголовок формы. На панели Свойства отобразятся поля опции Заголовок формы.
¦ В поле Стиль выберите стиль для текста заголовка.

ЗАМЕЧАНИЕ

У нас на данный момент всего два стиля. Этого может оказаться мало.
Если сочтете нужным, добавьте еще стилей.
¦ В поле под стилем введите название формы: Анкета участника сорев нований.
¦ Из группы Дополнительные элементы формы перенесите на поле визуального редактора элемент Описание формы. На панели Свойства отобразятся поля.
¦ Повторите действия по выбору стиля и вводу текста описания. Пусть будет, скажем, такой текст: Мы хотели бы больше узнать о наших участниках; пожалуйста, заполните форму.
Аналогичным способом можете добавить изображение логотипа соревнований. В поле Свойства отобразятся поля, заполнить которые вам
не составит труда.
¦ Вставьте таблицу и отформатируйте ее нужным вам образом. Поля CAPTCHA, например, стоит вынести в отдельный блок таблицы так они лучше воспринимаются.
¦ Добавьте вопросы из группы Существующие поля формы. При добавлении желательно соблюдать очередность вопросов.
Потом их легко поменять местами, но все же лучше сразу все ставить на свои места.
¦ Добавьте из группы Дополнительные элементы формы следующие составляющие: Изображение CAPTCHA, Поле ввода CAPTCHA, Кнопка Отправить.
Первые два элемента не имеют параметров настройки. В последнем элементе в панели Свойства можно при желании изменить надпись на кнопке.
¦ Добавьте необходимые элементы оформления.
¦ Сохраните внесенные изменения.
Форма создана, осталось поместить ее на сайт.

Создание страницы анкеты

¦ Откройте раздел сайта Общение.
¦ Перейдите в раздел Разработка.
¦ Щелкните по кнопке Создать. Откроется Мастер создания новой
страницы. С ним вы уже знакомы.
¦ Пройдите все шаги Мастера до открытия окна визуального редактора.
¦ Вызовите панель Компоненты 2.0.
¦ Раскройте группу Сервисы ^ Веб-формы.
В этой группе вы увидите несколько компонентов:
- многостраничный комплексный компонент Веб-форма позволяет создать сразу полный набор страниц работы с веб-формой: заполнение, просмотр, редактирование результата, список результатов;
- Заполнение веб-формы. Мы воспользуемся именно этим компонентом;
- Просмотр результата служит для создания страницы с результатами заполнения формы;
- Редактирование результата создает страницу, на которой можно изменить результаты заполнения формы;
- Список результатов создает страницу, на которой выводится список всех результатов данной формы.
В данный момент нам не нужен полный комплекс страниц, поэтому используем не многостраничный комплексный компонент Веб-форма, а только одностраничный компонент Заполнение веб-формы.
¦ Перенесите компонент в рабочую область в визуальном редакторе.
¦ Вызовите панель Свойства.
¦ В поле ID веб-формы нужно выбрать только что созданную анкету.
Есть один момент, который необходимо учесть: мы будем использовать только одностраничный компонент Заполнение веб-формы. Это означает, что после учета результатов анкеты система не будет знать, куда ей выводить информацию об учтенном голосе.
Нужно прописать путь до страницы, на которой система будет выводить сообщение об учете анкеты.
¦ В группе параметров Параметры компонента в поле Страница со списком результатов введите имя страницы, которое вы назначили в Мастере создания страниц. Мы использовали имя anketa.php.
¦ Сохраните внесенные изменения.
Изменения сохранятся. Откроется вновь созданная страница с опросом.
Но воспользоваться этой формой мы пока не сможем у нас не заданы статусы.

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

Без того, чтобы в системе не был задан хотя бы один статус, форма обработана не будет. Для задания статуса необходимо перейти в расширенный режим.
¦ Перейдите в раздел Настройки ^ Настройки продукта ^ Настройки модулей ^ Веб-формы.
¦ Снимите флажок с поля Использовать упрощенный режим редактирования форм.
¦ Сохраните внесенные изменения.
Теперь вы можете работать в расширенном режиме, но для детального изучения его возможностей обратитесь к документации по продукту.
¦ Перейдите в раздел Сервисы ^ Веб-формы ^ Настройка форм.
В колонке Статусы только что созданной формы стоит 0 [+]. Это означает отсутствие статусов.
Необходимо создать новый статус.


Рис. 10.5. Создаем статус
¦ Щелкните по кнопке [+]. Откроется форма создания статуса (рис.
10.5) в закладке Свойства.
Создание статуса дело простое. Достаточно обязательно заполнить только одно поле.
¦ В поле Заголовок введите default.

ЗАМЕЧАНИЕ

Создание статуса может показаться бессмысленным. Зачем этот шаг по добавлению всего одного слова?
Но это кажущаяся бессмысленность. Статусы это инструмент организации работы с документом (с документом вообще и веб-формой в данном случае).
Мы рассматриваем самый простой документ анкету. Когда действующих лиц двое: заполняющий анкету и читающий ее результаты, статус может быть только один. А если вам надо создать целую цепочку действий по результатам заполнения веб-формы?
Скажем, организовать рассылку юбилейных футболок клуба по поводу его пятилетия? Ведь это уже процесс, в чем-то аналогичный документообороту.
И каждому шагу в этой цепочке должен соответствовать свой статус, иначе невозможно проследить процесс прохождения вашей заявки на юбилейную футболку.
¦ Щелкните по кнопке Сохрг
Статус сохранится.
Теперь пользователю можно заполнять форму она будет учтена в общих результатах.

Просмотр результатов

¦ Перейдите в раздел Сервисы ^ Веб-формы ^ Результаты ^ Анкета участника соревнования 2008.
Перед вами откроется таблица с результатами опроса.

Вызов функции из Меню компонента

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

Это несложная операция, но надо знать, что меню компонента может отображаться по-разному в разных закладках и предоставлять различные возможности по управлению. В режиме Просмотр меню компонента вообще недоступно.
В режиме Редактирование доступны меню только тех компонентов, которые позволяют добавлять элементы в составе компонента, например, добавление разделов в меню сайта. Если компонент не предусматривает добавления элементов (например, компонент Авторизация или Цепочка навигации), то в режиме Редактирование его меню не видно.
так выглядит меню компонента в режиме Редактиро вание.
Самый полный режим управления предоставлен режиму Разработка (рис. 3.33), в котором возможно не только редактирование и добавление элементов, но и редактирование самого компонента: параметров, шаблона, стилей.


Рис. 3.33. Меню компонента
Редактировать меню можно и из административного раздела, но, на наш взгляд, предлагаемый вариант проще и удобнее. Для вызова функции меню:
¦ Перейдите в раздел Разработка.
¦ Вызовите меню нужного компонента и выберите функцию для редактирования.
Далее мы будем говорить Вызовите для редактирования... с указанием требуемой функции.

Откуда все начинается

Начальная точка

Сейчас необходимо определиться с точкой, откуда будут начинаться все уроки в нашей книге. Любой любознательный и пытливый человек, коими мы считаем читателей, всегда экспериментирует и пробует. В ходе этих проб он обязательно окажется в каком-нибудь месте, далеком от предлагаемого порядка действий. Скажем, изучая описанные в книге механизмы, попутно можно выполнять и работу над собственным сайтом.
Дело, конечно, хозяйское. Однако все уроки, описанные в книге, будут начинаться с одной и той же позиции, в которую вам надо выйти, перед тем как начать изучение следующего этапа.
Вы уже имеете основные представления о структуре интерфейса, поэтому вам легко будет объяснить стартовую точку всех уроков это тестовый сайт, открытый в публичном разделе после авторизации вас как администратора. Тестового сайта у нас пока нет. Мы создадим его в самом начале следующей главы.
Там же мы расскажем, как сделать его открывающимся по умолчанию.
Если вы начинаете работу с незапущенного 1С-Битрикс: Управление сайтом, то переход в стартовую точку очень прост.
¦ Выполните команду Пуск ^ Все программы ^ Битрикс: Веб-окружение (имеется в виду кнопка Пуск операционной системы, а не CMS 1С-Битрикс: Управление сайтом). Запустится браузер по умолчанию, и в нем откроется демо-версия сайта (или созданная нами тестовая версия, которая установлена по умолчанию).
¦ Войдите в систему как администратор.
Вы в стартовой точке.
Если 1С-Битрикс: Управление сайтом был запущен ранее, но браузер закрыт, то:
¦ Щелкните правой кнопкой мыши по ярлыку в системном трее операционной системы. Появится контекстное меню.
¦ В этом меню выберите Открыть. В браузере откроется публичная часть демо-версии сайта (или тестовый сайт).
¦ Войдите в систему как администратор.
Если вы уже в системе, просто перейдите в публичный раздел.

Последнее замечание

И напоследок одно очень важное замечание. В процессе интеграции дизайна в сайт, да и последующей работы с сайтом и его кодами вам нужно будет модифицировать HTML-код: удалять его фрагменты, вставлять и HTML-код, и PHP-код. Даже опытные программисты могут при этом выделить для удаления или добавления не то, что нужно. Вам же настоятельно рекомендуем подходить к изменениям в коде очень и очень серьезно.
Мы обещаем, что хоть где-то, хоть раз, но вы ошибетесь, и результатом этой ошибки будет поломанный дизайн или сообщение системы об ошибке в такой-то строке кода.
Приучите себя, особенно первое время, держать под рукой простой текстовый файл, куда вы будете копировать удаляемые или добавляемые участки кода, чтобы при необходимости было легче восстановить исходное состояние. Также рекомендуем время от времени (лучше после завершения определенного этапа работ) копировать код шаблона в такой же txt-файл и сохранять его под соответствующим именем.
Скажем, вставили код компонента авторизации, убедились в правильности его работы сохраните код в отдельном файле. Вы еще не настолько опытны, чтобы разобраться в допущенной ошибке, а в большинстве случаев бывает проще начать работу заново с последнего успешного шага.

Резюме

Вы познакомились с интерфейсом программы 1С-Битрикс: Управление сайтом и, как мы надеемся, в полной мере освоили базовые понятия и основные операции в этой CMS. Теперь можно переходить к непосредственной работе над созданием сайта.
И начнем мы эту работу с интеграции дизайна, то есть с создания шаблона сайта.

Глава 4КАК ВСТАВИТЬ В САЙТ СВОЙ ДИЗАЙН

Внешний вид сайта это очень важно. Конечно, эта книга предназначена для тех, кто хочет сам попытаться сделать сайт, но в области дизайна мы рекомендуем обратиться к профессионалам.
Хорошо выглядящий сайт это не только художественный вкус, но и опыт как в работе с графическими редакторами, так и в самой компьютерной графике.
Впрочем, и на дизайне можно сэкономить. Если услуги дизайнерских студий вам покажутся дорогими, можно воспользоваться услугами проекта BitrixTemplates (). На сайте представлен каталог шаблонов, который включает в себя более 4900 вариантов дизайна сайтов различной тематики и стиля.
По выбранному шаблону может быть разработан шаблон сайта для 1С-Битрикс: Управление сайтом.
При использовании этого сервиса есть один нюанс: в верстке шаблона будут указаны только компоненты, которые явно присутствуют в выбранном вами дизайне. То есть если в конкретном дизайне не показана форма авторизации, ее не будет и в верстке. По этой же причине не дорабатываются компоненты форм, блогов, фотогалерей.
Они, как правило, не представлены на главных страницах проектов. И это ограничение понятно. Чтобы грамотно сделать шаблон, нужно знать требования к сайту, на котором он будет работать.
Если вы выбрали шаблон, но верстальщик не знает, что будет делаться на внутренних страницах сайта, он и не сможет это учесть. Поэтому совет: перед тем как заказать шаблон, обратитесь в техподдержку BitrixTemplates.
В заказе определите четкие требования, иначе будет непонятно, что требовать от исполнителей.
Если вы все же решитесь создавать дизайн сами, обратитесь за помощью к специальной литературе по веб-дизайну. Также вам придется освоить мастерство нарезки дизайна и работу в программах, которые это делают. Мы же считаем, что у вас есть нарезанный готовый дизайн.
Поэтому и будем рассматривать только процедуру его интеграции.
Прежде чем вы начнете заниматься собственным проектом, советуем потратить пару-тройку вечеров на интеграцию дизайна с диска, приложенного к книге. Весь учебный курс создан на примере создания сайта условной общественной организации Клуб любителей рыбалки.
Для этого сайта используется макет, созданный профессиональным дизайнером Владимиром Кривошлыком (). Текстовые и фотоматериалы для тестового проекта предоставлены Юрием Радугиным, автором проекта .
Возможно, тестовый дизайн вам не понравится или покажется, что он неоптимально нарезан. Все это дело вкуса, а задача этой книги научить неопытного в 1С-Битрикс: Управление сайтом человека создавать сайты.
Поэтому, разобравшись с созданием тестового сайта, методы оптимизации кода и работы ищите сами.

ЗАМЕЧАНИЕ

Все в жизни меняется. А программное обеспечение тем более. Поэтому не удивляйтесь, если в пошаговом описании названия некоторых полей будут не соответствовать тому, что вы увидите на экране монитора своего компьютера. Это замечание сделано после того, как от разработчиков продукта пришло уведомление об очередном улучшении, повлекшее изменения в полях некоторых форм.
Пока книга пишется, все эти изменения будут отслеживаться, но как только рукопись будет сдана в издательство, мы не сможем их вносить. Однако оговоримся, что все эти правки носят косметический, а не принципиальный характер.
Вышесказанное справедливо только для тех, кто использует обновленные версии CMS. Если вы устанавливаете 1С-Битрикс: Управление сайтом с компакт-диска, приложенного к книге, то все поля и весь функционал соответствуют описанию.

ЗАМЕЧАНИЕ

Мы понимаем трудности, которые возникнут перед вами при работе с кодами. Поэтому придумали небольшое подспорье.
В приложениях есть тексты почти всех шаблонов и таблиц css, которые мы будем менять при работе, в двух видах: шаблона до и шаблона после. Но эти тексты будут только в книге, а не на компакт-диске, чтобы не провоцировать читателя на бездумный copy paste. В тексте книги используется специальное упоминание: Образец исходного и конечного кода есть в приложении 3.

Учебные курсы

Эта глава пошаговая инструкция по интеграции определенного дизайна в механизм 1С-Битрикс: Управление сайтом. Она не в состоянии раскрыть все особенности этого довольно сложного процесса. Поэтому рекомендуем вам изучить бесплатные онлайновые курсы на сайте компании 1С-Битрикс:
- Интеграция (BX-DEV001);
- Компоненты 2.0 (BX-DEV002).

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

В локальной демо-версии 1С-Битрикс: Управление сайтом есть созданный демо-сайт, однако для нашего проекта мы создадим новый сайт, а не будем модифицировать существующий. Мы уже упоминали о том, что многосайтовость одна из сильных сторон программы, и именно она позволит нам сделать всю работу с нуля, не теряя сайтов, поставляемых по умолчанию.
¦ Перейдите в административный раздел.
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Сайты. В рабочей области откроется Список сайтов.
¦ Выполните команду Добавить сайт на контекстной панели. В рабочей области откроется форма Добавление сайта (рис.
4.1).


Рис. 4.1. Форма Добавление сайта
В этой форме нам предстоит заполнить довольно много полей.
¦ ID поставьте произвольный двузначный код (только латинскими буквами и цифрами);
¦ Поставьте флажок Активен.
¦ Введите название сайта, которое будет отображаться в административной части. Пусть в нашем случае это будет Matchfishing.
Название сайта необязательно должно быть на латинице, вы можете дать название и на русском языке.
¦ Установите флажок По умолчанию.
¦ В поле Доменное имя введите доменное имя (имена) вашего сайта (если его еще нет, поле можно оставить пустым).
¦ В поле Папка сайта поставьте просто /.
¦ В поле Сортировка можно ввести любое числовое значение. Оно обязательно для заполнения, однако в данном случае расположение элемента (сайта) в таблице элементов значения не имеет: сайтов мало (это поле имеет и другие значения, которыми вы можете пользоваться, если познакомитесь с системой поближе).
¦ В поле Язык оставьте русский язык. Это поле отвечает за то, на каком языке будут выводиться системные сообщения.
¦ В полях Формат даты и Формат даты и времени нужно указать системе, как отображать эти параметры. В частном случае проще всего скопировать с примера, скажем, DD.MM.YYYY.
¦ Выберите кодировку windows-1251, если ваш сайт на русском языке. Если на другом, кодировка должна соответствовать этому языку.

ЗАМЕЧАНИЕ

Иногда для указания кодировки используют упрощенное название win-1251. В нашем случае это недопустимо, так как может вызвать ошибку, связанную с некорректным названием кодировки.
¦ В поле Название сайта введите название, которое будет отображаться для пользователей. Пусть в тестовом примере он называется
Клуб любителей рыбалки.
¦ В поле URL сервера введите адрес сайта (localhost для локальной версии в нашем случае).
¦ В поле E-Mail адрес по умолчанию введите электронный адрес, который будет использоваться по умолчанию, например во всех почтовых шаблонах в качестве адреса отправителя.
¦ Остальные поля оставьте нетронутыми, только в поле Шаблон выберите абсолютно любой из имеющихся. Это поле обязательно для заполнения, но пока наш собственный шаблон не создан, должен быть выбран любой другой.
¦ Сохраните вновь созданный сайт. Форма создания сайта закроется, откроется список имеющихся сайтов, в котором отобразится и наш тестовый сайт.
Проверьте этот список. Ваш сайт должен быть установлен по умолчанию и оставаться единственным активным.

ЗАМЕЧАНИЕ

Если возникла необходимость удалить сайт, надо помнить, что это действие не происходит автоматически. Чтобы это сделать, нужно удалить все инфоблоки и другие объекты системы, связанные с этим сайтом.

Создание шаблона

Создание шаблона не самый сложный шаг в создании сайта, но он требует внимательности.

Форма создания шаблона

¦ Перейдите в раздел Настройки ^ Настройки продукта ^ Сайты ^ Шаблоны сайтов. В рабочей области откроется форма Шаблоны сайтов.
¦ Выполните команду Добавить шаблон на контекстной панели. Откроется форма создания нового шаблона (рис.
4.2).
В этой форме:
¦ В поле ID введите название шаблона. В нашем примере это будет
test.
¦ В поле Название введите название шаблона. Оно может быть и на русском языке, но мы напишем тоже test.
¦ В поле Описание можно вставить комментарий к шаблону. В нашем случае пусть будет Попытка создать дизайн.


Рис. 4.2. Создаем новый шаблон для тестового сайта
Теперь можно переходить непосредственно к самому шаблону. Перед этим сделаем маленькое замечание.
Без установки в шаблоне разделителя #Work_Area# его сохранение невозможно. Поэтому сейчас последует этап работы, который вы не сможете прервать в произвольный момент.

Добавление кода тестового дизайна в шаблон

Задание внешнего вида шаблона происходит в поле Внешний вид шаблона сайта. Шаблон можно редактировать как в режиме визуального редактора, так и в виде тегов HTML. Мы будем работать и с редактором, и с кодами.
Сначала необходимо сделать так, чтобы в шаблоне подключалась административная панель. Для этого:
¦ В поле Внешний вид шаблона сайта введите код:
? $APPLICATION-ShowPanel (); ?
К сожалению, для этого кода не предусмотрена возможность ввода в режиме редактора с помощью кнопки, поэтому придется поработать. Утешение найдите в том, что делается это только один раз.
¦ Поставьте флажок Использовать визуальный редактор и перейдите в режим визуального редактирования (далее мы будем говорить просто: Перейдите в режим визуального редактирования). В этом режиме в известный уже вам редактор добавляется еще одна панель, которая присутствует только в формах редактирования шаблона. Она так и называется: Редактирование шаблона (рис.
4.3).
В ней всего три кнопки, если смотреть слева направо:
- Редактировать служебные части шаблона;
- Вставить разделитель шаблона;
- Предпросмотр шаблона с внесенными изменениями без сохранения изменений.
Первые две кнопки мы применим только один раз, постоянно вы будете пользоваться только самой последней кнопкой с рисунком лупы. При щелчке по ней в отдельной вкладке или окне (зависит от версии браузера) откроется шаблон дизайна с внесенными изменениями относительно сохраненного на данный момент варианта. Эта возможность предусмотрена, чтобы вы могли в полном размере и в реальном виде оценить внесенные в шаблон изменения, не прибегая к сохранению отредактированного кода.
Если изменения вас устраивают, их можно сохранить, если нет продолжать работу дальше. Больше к описанию этой кнопки мы возвращаться не будем, пользуйтесь ею сами, когда сочтете нужным.
В режиме визуального редактора вы увидите пустое поле редактора с единственной иконкой |_pApj. Такой иконкой обозначаются куски кода, написанные на PHP. Посмотреть PHP-код можно так:
¦ Активируйте иконку: вокруг иконки появится рамочка.
¦ Щелкните по кнопке Свойства на нижней панели редактора. Появится панель Свойства, в которой и будет отображен код.
В нашем случае это будет код для вывода административной панели.
Этим алгоритмом вы можете пользоваться во всех случаях, когда хотите просмотреть произвольный код, вставляемый в шаблон.
Теперь надо вставить служебные части кода в шаблон дизайна.
¦ Щелкните по кнопке [5- Появится диалог Редактировать служебные области шаблона (рис. 4.4) с пока еще пустыми полями в обеих вкладках.


Рис. 4.4. Вставляем служебные коды
¦ В этом диалоге щелкните по кнопке (5- Появится системный диалог с вопросом: действительно ли мы хотим установить значения по умолчанию для верхней части?
¦ Щелкните по кнопке да. В пустом поле появится добавленный автоматически код верхней части (как на рис.
4.4).
¦ Перейдите на закладку Нижняя часть и повторите два последних действия.
¦ Сохраните внесенные изменения.
В визуальном режиме вы не заметите никаких перемен, так как в нем отображаются только видимые части кода HTML и иконки разных кодов PHP. Чтобы увидеть добавленный только что код, надо либо перейти в режим редактирования исходного кода, либо снять флажок Использовать визуальный редактор.
Мы сделаем второе, тем более что исходные коды дизайна удобнее вставлять именно в режиме текста.
¦ Снимите флажок Использовать визуальный редактор. Откроется форма редактирования в текстовом режиме (далее мы будем говорить: Перейдите в режим текстового редактирования).
Нам нужно вставить разработанный дизайн в создаваемый шаблон. На приложенном диске он находится в папке Х:\Сайт\, где X это буква вашего оптического привода.

ЗАМЕЧАНИЕ

В дальнейшем при упоминании путей мы будем указывать не полные, а относительные пути, опуская упоминание о приводе.
¦ Откройте в браузере файл index.htm из указанной папки. В окне браузера откроется тестовый дизайн (рис.
4.5).
Теперь необходимо перенести HTML-код дизайна в поле Внешний вид шаблона сайта.
¦ В Internet Explorer выполните команду Вид ^ Источник (в Fire-fox Вид ^ Исходный код страницы). В отдельном окне откроется страница с HTML-кодом дизайна.

ЗАМЕЧАНИЕ

В будущем нам еще предстоит открывать исходные коды тестового дизайна. Поэтому далее мы будем использовать фразу Откройте исходные коды тестового дизайна.
А вы будете повторять по этой фразе два последних действия.
¦ Выделите весь код, расположенный между тегами body и /body (без самих тегов), и скопируйте его в буфер.
¦ Вставьте код в поле Внешний вид шаблона сайта перед закрывающим тегом /body.
Осталось только кое-что подправить в получившейся конструкции. В коде body нет заданных дизайнером параметров.
¦ Вставьте в тег body параметры: bgcolor=#ffffff text=#000000 leftmargin=0topmargin=0marginwidth=0marginheight=0. Их можно просто скопировать из исходного кода сайта.
¦ Перейдите в режим визуального редактирования.
Вы увидите картину, представленную на рис. 4.6.
Отображается только текст и границы таблиц. Это происходит, поскольку:
- во-первых, нами еще не добавлены картинки и не изменен путь к ним в коде сайта;
- во-вторых, не заданы стили сайта.


Все это мы сделаем позже, а пока надо сохранить созданный шаблон. До сих пор это было невозможно, так как не был задан разделитель #Work_area#. Об этом разделителе, его функциях и причинах, по которым мы поставим его в определенное место, будет рассказано ниже.
Пока его необходимо установить, чтобы иметь возможность сохранения шаблона.
¦ Поставьте курсор в строку навигации перед меткой, расположенной впереди названия статьи О прикорме.
¦ Щелкните по кнопке [шй]. На месте курсора появится значок WORK AREA
¦ Сохраните шаблон.
Теперь вы можете по мере необходимости приостанавливать работу
и возобновлять ее.

ЗАМЕЧАНИЕ

Советуем просмотреть код шаблона в текстовом режиме с помощью кнопки [т]. Разделитель #Work area# должен стоять строго перед меткой !-- #Begin_Article --.
Если он попал не в это место, перенесите его.

ЗАМЕЧАНИЕ

В визуальном редакторе видны метки в виде !- Не беспокойтесь по поводу внешнего вида самого сайта. В нем эти метки не будут видны. Визуальный редактор предназначен для работы над сайтом, поэтому в нем отображается вся информация, в том числе и та, которая не будет видна при просмотре самого проекта. Кроме визуального редактора, вы можете заметить искажение дизайна и в режиме Разработка.
Это также не страшно, так как данный режим тоже предназначен только для создания сайта, а не его просмотра. Окончательный вид сайта после изменений надо проверять либо в режиме Просмотр, либо по кнопке Предпросмотр при редактировании шаблона сайта.

Назначение шаблона для сайта

Теперь, когда шаблон сохранен, его нужно назначить для тестового сайта, ведь пока там работает старый шаблон из демо-версии.
¦ Перейдите на страницу Настройки ^ Настройки продукта ^ Сайты. В рабочей области откроется Список сайтов.

ЗАМЕЧАНИЕ

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


Рис. 4.7. Открытие формы редактирования сайта с помощью контекстного меню
Откроется форма редактирования сайта. В самом низу этой формы есть группа Шаблон.
В этой группе пока заполнена только одна строка. В конце главы мы научимся создавать дополнительные шаблоны, а в следующих главах применять эти шаблоны для разных страниц. Такое применение будет производиться с помощью именно этой группы полей.
Но пока мы только назначим вновь созданный шаблон для нашего сайта.
¦ В первой строке колонки Шаблон вызовите раскрывающееся меню.
¦ В этом меню выберите только что созданный шаблон test.
¦ Сохраните внесенные изменения.
Итак, мы назначили новый шаблон для нового сайта.

Добавление графики и стилей

Чтобы сайт стал цветным, надо добавить картинки. Теоретически картинки можно хранить в любой папке системы.





    Бухгалтерия: Автоматизация - Система 1С

• Бухгалтерия
  
• Бухгалтерская отчетность
  
• Автоматизация бухгалтерии
  
• Расчет налогов
  
• Бухгалтерские расчеты
  
  
• Бухгалтерский учет
  
  
• Бухгалтерия в 1С
  
• 1С - конфигурации
  
• 1С версия 7.7
  
• 1С версия 8.0
  
• 1С 8.0 программирование