Создаем "каркас" шаблона подробно
Создаем шаблон сайта для 1С-Битрикс в обычном редакторе
Я создаю шаблоны для 1С-Битрикс в “ручном” режиме, т.е. файлы .styles.php, description.php, footer.php, header.php, styles.css, template_styles.css я создаю в php или текстовом редакторе самостоятельно, т.е. без участия 1С-Битрикс.
Это связано с тем, что в предыдущих версиях Битрикс его “визуальный редактор” работал не всегда корректно (во всяком случае, в IE6) и файлы footer.php и header.php всегда приходилось править “вручную”.
Создаем в папке сайта “/bitrix/templates/” новую папку “create_new_template_by_editor” (название папки "create_new_template_by_editor" замените на нужное Вам название).
Создаем файлы каскадных таблиц стилей (CSS): template_styles.css - общие стили для шаблона сайта, styles.css – стили для компонент 1С-Битрикс, h1-h2-boxs.css – стили для “боксов - заголовков” в левой, центральной и правой колонках, mainmenucss.css – стили для верхнего, левого и нижнего меню сайта.
Выделяем из сверстанной html страницы верхнюю часть до параграфа <p>На сайте ведутся профилактические работы</p> и копируем эту часть в новое окно редактора.
Из области заголовка <head>……..</head> шаблона сайта удаляем строки:
<title>На сайте ведутся профилактические работы</title>
<link href="profilactic/profilactic_h1-h2-boxs.css" rel="stylesheet" type="text/css" media="screen" />
<link href="profilactic/profilactic_styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="profilactic/profilactic_template_styles.css" rel="stylesheet" type="text/css" media="screen" />
Из области верхнего меню шаблона сайта удаляем строки:
<ul>
<li><a title="" href="#">Главная</a></li>
<li><a title="" href="#">Условия</a></li>
<li><a title="" href="#">Цены</a></li>
<li><a title="" href="#">Примеры</a></li>
<li><a title="" href="#">Контакты</a></li>
<li><a title="" href="#">Новости сайта</a></li>
</ul>
В строке:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> вместо “utf-8” подставляем - <?=LANG_CHARSET;?>; - т.е. устанавливаем кодировку сайта.
В области <head>……..</head> шаблона сайта:
Устанавливаем вывод заголовка веб браузера с помощью функции ShowTitle();
<title><? $APPLICATION->ShowTitle();?></title>;
Для вывода значений метаданных на странице используем функцию “ShowMeta()”:
$APPLICATION->ShowMeta("robots") - для вывода метаданных robots;
$APPLICATION->ShowMeta("keywords") - для вывода метаданных keywords (ключевые слова страницы);
$APPLICATION->ShowMeta("description") - для вывода метаданных description (описание страницы);
Подключаем к шаблону сайта основные каскадные таблицы стилей (template_styles.css, styles.css) с помощью функции “ShowCSS()” – $APPLICATION->ShowCSS().
Подключаем дополнительные каскадные таблицы стилей (CSS) с помощью функции “SetAdditionalCSS ()”
$APPLICATION->SetAdditionalCSS("/bitrix/templates/ create_new_template_by_editor/h1-h2-boxs.css");
$APPLICATION->SetAdditionalCSS("/bitrix/templates/create_new_template_by_editor/mainmenucss.css");
Подключаем к шаблону сайта “специальные стили” 1С-Битрикс с помощью функции “ShowHeadStrings()” – $APPLICATION->ShowHeadStrings();
Подключаем к шаблону сайта “внутренние скрипты” 1С-Битрикс с помощью функции “ShowHeadScripts()” - $APPLICATION->ShowHeadScripts();
В начале “тела” страницы (после тега <body>) добавляем функцию вывода административной панели 1С-Битрикс - $APPLICATION->ShowPanel();
Сохраняем файл под именем ”header.php”.
***Функция ShowHead() - заменяет сразу 6 конструкций:
<meta http-equiv="Content-Type" content="text/html; charset=<?=LANG_CHARSET;?>" />
<?$APPLICATION->ShowCSS();?>
<?$APPLICATION->ShowHeadStrings()?>
<?$APPLICATION->ShowHeadScripts()?>
<?$APPLICATION->ShowMeta("keywords")?>
<?$APPLICATION->ShowMeta("description")?>
Выделяем из сверстанной html страницы нижнюю часть от параграфа <p>На сайте ведутся профилактические работы</p> и копируем эту часть в новое окно редактора.
Удаляем строки нижнего меню:
<ul>
<li><a title="" href="#">Главная</a></li>
<li><a title="" href="#">Услуги</a></li>
<li><a title="" href="#">Цены</a></li>
<li><a title="" href="#">Примеры</a></li>
<li><a title="" href="#">Контакты</a></li>
<li><a title="" href="#">Новости сайта</a></li>
<li><a title="" href="#">Карта сайта</a></li>
</ul>
Сохраняем файл под именем ”footer.php” в папке create_new_template_by_editor.
В новом окне редактора добавляем строки:
<? $arTemplate = Array("NAME"=>"Создаем основной шаблон", "DESCRIPTION"=>"Создаем основной шаблон для сайта на 1С-Битрикс");?>
и сохраняем как файл “description.php” в папке “create_new_template_by_editor”. Этот файл служит для вывода в административной части Битрикс названия и описания шаблона.
Открыв сверстанную html страницу в браузере и сделав “копию экрана”, создаем файлы screen.gif (770*600 px внешнее отображение шаблона) и preview.gif (150*120 px “превью” шаблона), которые также сохраняем в папке “create_new_template_by_editor”.
Осталось скопировать папку “images” с графическими злементами для сверстанной html страницы в папку “create_new_template_by_editor” и “облегченная” версия шаблона готова.
Количество показов: 8371
(Голосов: 25, Рейтинг: 3.86) |
Новые статьи
Новости от Битрикс
Новости «1C-Битрикс»
18.05.2012
Интересная подборка новых решений появилась на этой неделе в каталоге готовых веб-приложений для сайтов и интернет-магазинов «1С-Битрикс: Маркетплейс». Предложения разработчиков настолько разнообразны, что их фантазии можно только позавидовать. И все они будут полезны в работе вашего сайта, независимо от того, чему он посвящен.
17.05.2012
В новой версии системы управления веб-проектами «1С-Битрикс: Управление сайтом 11.5» впервые для тиражных CMS интернет-магазин полностью интегрирован с CRM (Customers Relationship Management). Теперь у каждого владельца интернет-магазина на платформе «1С-Битрикс» есть возможность вести единую клиентскую базу, конвертировать каждый заказ в продажу, а также увеличивать объем повторных продаж за счет эффективного учета и анализа информации о клиентах.
17.05.2012
Diletant.ru – это познавательный проект, посвященный истории. Создание современного интерактивного ресурса веб 2.0, посвященного «популярной истории», задумывалось авторами проекта, прежде всего, чтобы привлечь внимание к печатной версии журнала «Дилетант». И чтобы создать на основе сайта сообщество людей, которым интересна мировая история.