1С-Бітрікс_Старт | впроваджуємо шаблон
Створено: 02.09.2013 19:12:42 | Змінено: 06.11.2016 16:46:30 | Переглядів: 5507
Дуже важлива частина роботи з сайтом - це впровадження шаблону. Отже приступимо.
Переходимо до адміністративного розділ сайту. «Налаштування» - «Налаштування продукту» - «Сайти» - «Шаблони сайтів». Тиснемо кнопку «Додати шаблон». Заповнюємо поля відкрилася форми. «ID» - «main», «Назва» - «Основний», «Опис» - «Основний шаблон». Нижче в текстову область вставляємо тег «# WORK_AREA #» (інакше шаблон просто не збережеться). Натискаємо «Зберегти».
Далі відкриваємо через FTP-клієнт папку нашого сайту. Відкриваємо папку «bitrix / templates / main». Це папка основного шаблону, який ми тільки що створили. Шукаємо в ній файли: «header.php» і «footer.php». Знаходимо, відкриваємо на редагування. Також Відкриваючи папку шаблону «CSS3_photo_two». Відкриваємо на редагування файл index.html. Копіюємо з нього рядки, починаючи з першої і закінчуючи рядком заголовка першого рівня: <h1> Welcome to the CSS3_photo_two template </ h1>. У цьому заголовку ми будемо розміщувати заголовки сторінок. Вставляємо скопійований текст в файл «header.php».
Потім з файлу «index.html» копіюємо все після рядка: All of the photos were taken by me - use as you wish. </ P> в файл «footer.php».
Тепер будемо працювати зі стилями нашого шаблону main. Відкриваємо на редагування файл «template_styles.css» в папці «bitrix / templates / main». Також на редагування відкриваємо файл «style.css» в папці «css» шаблону «CSS3_photo_two». Копіюємо вміст файлу «style.css» в файл «template_styles.css».
Далі копіюємо з шаблону «CSS3_photo_two» папки «fonts», «images» і «js» і вставляємо їх у наш шаблон «bitrix / templates / main». Тепер у файлі «template_styles.css» потрібно поміняти шляху до всіх файлів для поточної папки (всюди видалити «../»)
Додамо в наш шаблон логіку Бітрікс. В першу сходинку в файлі «header.php» вставимо: <? If (! Defined ( "B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED! == true) die ();?>. У цьому рядку перевіряємо чи встановлена константа «B_PROLOG_INCLUDED». Це захист від прямого завантаження файлу «header.php» через браузер. Також вставляємо в файл «header.php» рядок: <? IncludeTemplateLangFile (__ FILE__); ?>. Цей рядок підключає мовні файли для скриптів нашого шаблону. На даному сайті я не використовую мовні файли, але на багатомовних сайтах їх обов'язково потрібно включати. Далі після тега <head> вставляємо: <? $ APPLICATION-> ShowHead ();?>. Метод ShowHead () буде виводити на сторінку вміст тега <head>. Між тегами <title> і </ title> вставляємо: 1С-Бітрікс_Старт | <? $ APPLICATION-> ShowTitle (false)?>. Між тегами заголовка <h1> і </ h1> вставляємо: <? $ APPLICATION-> ShowTitle (false)?>. Між цими тегами у нас буде виводитися заголовок поточної сторінки. Видаляємо рядок <link rel = "stylesheet" type = "text / css" href = "css / style.css" /> і все теги <meta ... />. Рядок <script ...> </ script> офрмляем так: <script type = "text / javascript" src = "<? = SITE_TEMPLATE_PATH?> / Js / modernizr-1.5.min.js"> </ script>. Далі шукаємо все теги <img /> і вставляємо всюди в «src» зображень <? = SITE_TEMPLATE_PATH?> /. Тобто виходить так: src = "<? = SITE_TEMPLATE_PATH?> / Images / имя_файла". У файлі «footer.php» для скриптів в шляху до файлів також вказуємо <? = SITE_TEMPLATE_PATH?> /. Далі після тега <body> вставляємо: <? $ APPLICATION-> ShowPanel ();?>, Для показу адміністративної панелі на сторінці. Вище </ head> вставляємо «лінк» для іконки: <link rel = "short icon" type = "image / x-icon" href = "<? = SITE_TEMPLATE_PATH?> / Favicon.ico" />. Так як в директорії нашого сайту ще немає файлу з іконкою, його треба туди додати. Назва файлу повинна бути «favicon.ico». Якщо файл буде називатися по-іншому, то потрібно виправити «лінк» до іконки.
Зазначимо мову нашого сайту. Для цього всередині тега <html> потрібно додати константу «LANGUAGE_ID», яка містить мову нашого сайту. Після чого тег буде виглядати так: <html lang = "<? = LANGUAGE_ID;?> - <? = Strtoupper (LANGUAGE_ID);?>">.
Все з настройками закінчили.
Переходимо до адміністративного розділ сайту, «Налаштування» - «Налаштування продукту» - «Сайти» - «Список сайтів». Вибираємо наш сайт «s1». У списку шаблонів вибираємо «Основний». Тиснемо «Зберегти».
Переходимо в публічну частину сайту і перезавантажуємо сторінку. Якщо все було зроблено правильно, сторінка повинна відображатися коректно.
Повернення до списку
Php» вставимо: <?True) die ();?
Php» рядок: <?
IncludeTemplateLangFile (__ FILE__); ?
Далі після тега <head> вставляємо: <?
APPLICATION-> ShowHead ();?
Між тегами <title> і </ title> вставляємо: 1С-Бітрікс_Старт | <?
APPLICATION-> ShowTitle (false)?
Між тегами заголовка <h1> і </ h1> вставляємо: <?
APPLICATION-> ShowTitle (false)?
